Làm thế nào để hỗ trợ Zurb Foundation mới cho IE 7+?

Question

Gần đây tôi đã xây dựng một trang web đáp ứng. Tôi sử dụng Zurb Foundation vì một số lời khuyên và bài viết giải pháp tốt nhất của nó để làm cho trang web đáp ứng hiệu quả hơn. Nhưng vấn đề, phiên bản mới của Foundation không hỗ trợ cho IE 7+, như bạn có thể thấy here, nhưng tôi muốn hỗ trợ trang web của tôi cho tất cả các phiên bản IE. Một số đề xuất lời khuyên để sử dụng Quỹ cũ (tức là câu 3). Nhưng tôi nghĩ rằng phiên bản mới nhất là tốt nhất.

Câu hỏi của tôi, bất kỳ giải pháp nào để hỗ trợ cho Quỹ mới (vers. 4) hỗ trợ cho IE? Tôi cần lời khuyên vì tôi đang xếp chồng ở đây. Cảm ơn bạn

Answer 1

Sự cố với IE7 và IE8 là chúng không được hỗ trợ cho các truy vấn phương tiện.

Có một số tùy chọn mà có thể giúp bạn, cross-browser polyfills thêm hỗ trợ truy vấn phương tiện vào trình duyệt cũ.

Hai phổ biến nhất là respond.js và css3-mediaqueries.js. Tôi đã thành công với cả hai.

Trong phần đầu của trang, bạn kiểm tra trình duyệt và tải một trong các tập lệnh này nếu cần.

cách tôi đã làm điều này trong quá khứ là một trong hai điều kiện với ý kiến:

<!--[if (lt IE 9) & (!IEMobile)]> 
<script src="path-to/respond.js"></script> 
<![endif]--> 

hoặc bằng cách sử dụng modernizr

Modernizr.load([ 
{ 
// The test: does the browser understand Media Queries? 
test : Modernizr.mq('only all'), 
// If not, load the respond.js file 
nope : '/js/respond.js' 
} 
]); 

Cả hai phương pháp là đủ dễ dàng để thử, và thậm chí nếu mặc dù don không giúp bạn trong trường hợp cụ thể này, bạn có thể sẽ có cơ hội thử lại chúng trên một trang web khác.

Chúc may mắn!

Answer 2

Tôi đã viết điều này http://justthisguy.co.uk/responsive-sass-and-ie/ xem xét việc sử dụng bootstrap và có sass tạo biểu định kiểu ie7 mặc định cho chế độ xem màn hình. Tôi sẽ làm việc trên một phiên bản nền tảng của nó tại một số điểm. Nó kết quả trong một số sao chép các quy tắc css nhưng một cái gì đó như https://github.com/addyosmani/grunt-uncss có thể được sử dụng để loại bỏ trùng lặp đó