2012-05-15 25 views
6

Tôi đang sử dụng CssSplitter module bởi CristianPeters. Và tôi hy vọng sẽ có sự phân chia xảy ra trong các tài sản: nhiệm vụ biên dịch trước và cách duy nhất tôi đã thành công cho đến nay là vá Sprockets :: StaticCompiler. Hy vọng có một cách tốt hơn để làm điều đó.Cách tốt nhất để phân tách các tệp css cho IE thông qua nội dung là gì: tài sản biên dịch trước đường ống

Tôi đánh giá cao bất kỳ lời khuyên

Trả lời

1

Khi phải đối mặt với vấn đề này, tôi chỉ chia của tôi biểu hiện ở 2:

  • có 1 cơ sở (reset, twitter bootstrap, ...) và
  • khác cho ứng dụng cụ thể CSS
1

Nếu bạn đang viết các bản định kiểu dành riêng cho IE, tốt nhất là không ghép chúng lại với nhau. Do đó, tôi sẽ có một tệp kê khai chính, nơi tôi sẽ tải tất cả các tệp biểu định kiểu chung của mình cùng nhau và 1/2/3 tệp kê khai cho (các) trình duyệt IE bằng cách sử dụng các nhận xét có điều kiện (http: //www.quirksmode. org/css/condcom.html):

<%= stylesheet_link_tag :application %> // main manifest 
<!--[if IE 6]> 
<%= stylesheet_link_tag :ie6 %> // ie6 manifest 
<![endif]--> 
<!--[if IE 7]> .... 

theo cách này tôi sẽ được đảm bảo rằng hiệu suất css tải sẽ không bị tổn thương trong các trình duyệt không phải IE và stylesheets IE-cụ thể tôi sẽ không tải cho các phiên bản khác nhau, trong đó chúng được cho là không tải (sửa đổi IE6 trong IE7, p.ex.).

Các vấn đề liên quan