Tôi đang sử dụng mẫu HTML 5 Đặt lại tuyệt vời tại html5reset.org và thẻ meta Tương thích X-UA của tôi dường như không hoạt động. Đây là nội dung tiêu đề của tôi:Html 5 Reset (html5reset.org) - Tương thích X-UA không hoạt động
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ieNoHtml5 ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ieNoHtml5 ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ieNoHtml5 ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- the "no-js" class is for Modernizr. -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Title of Page</title>
Tùy chọn sử dụng chế độ xem tương thích trong IE được hiển thị (biểu tượng trang bị hỏng trong trường URL). Vấn đề là một số khách hàng của tôi đã đặt trình duyệt IE9 của họ vào chế độ 'luôn sử dụng chế độ xem tương thích', kết quả là trang web trông giống như IE7 mặc dù họ đang sử dụng IE9 và Tương thích X-UA được giả định để ghi đè lên .
Bây giờ nếu tôi loại bỏ những thứ tiêu đề hài hước:
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
... nó đột nhiên bắt đầu làm việc tốt.
Tôi đã nhận thấy rằng chính bản thân có vẻ như đang hiển thị biểu tượng trang bị hỏng, vì vậy nó dường như không hoạt động, nhưng html5boilerplate.com KHÔNG hoạt động và dường như sử dụng cùng một cách tiếp cận.
Thêm tương thích X-UA vào tiêu đề phản hồi thông qua cấu hình máy chủ web dường như khắc phục nó, nhưng tôi không muốn dựa vào phương pháp này.
Cập nhật: Dường như html5boilerplate.com chỉ được gửi X-UA-Tương thích trong các tiêu đề HTTP response nếu nó phát hiện rằng trình duyệt là IE. Điều này dường như là con đường để đi.