16
Tôi đang làm việc trên trang web đáp ứng nơi mỗi trang sẽ có hình ảnh anh hùng lớn, được xác định trong CMS. Tôi muốn tránh phải tải xuống hình nền đó trên điện thoại di động.Tôi có thể sử dụng truy vấn phương tiện trong CSS nội bộ và có tránh tải hình nền mà tôi xác định không?
Cách duy nhất tôi có thể nghĩ để làm điều đó là phải có một số CSS nội tuyến vào đầu của trang như vậy:
<style type="text/css">
@media only screen and (min-width: 680px) {
.hero-image { background-image: url(../images/image.jpg); }
}
</style>
Trước tiên, tôi có thể sử dụng các truy vấn phương tiện truyền thông trong inline CSS?
Thứ hai, điều này có tránh tải xuống hình ảnh trên điện thoại di động không?
Thứ ba, có cách nào tốt hơn không?
Cảm ơn
những gì được mô tả ở đây được gọi là "css nội bộ", chứ không phải nội tuyến. – Urs
@Urs cố định nó, đã gây hiểu nhầm. –
có thể trùng lặp của [Có thể đặt CSS @media rules inline?] (Http://stackoverflow.com/questions/9808233/is-it-possible-to-put-css-media-rules-inline) – davidcondrey