能为手持设备跳过加载图像样式表

Question

我对桌面的手持设备一个样式表，和另一个。该网页显示在手持设备上显示时，显示在桌面上时，一些图像，却隐藏着这些图像。页面显示为设计用于台式机和掌上电脑。

当我检查服务器日志，我发现，掌上电脑居然还加载图像，只是没有显示它们。有没有办法阻止从完全加载图像的手持式，因为它并不需要他们，而无需维护两套网页？它可以只使用样式表来完成？

预先感谢。

雷蒙德

Answer 1

包含你不希望显示作为背景图像的移动设备中的图像。在浏览器中的样式表，可以随后使用

.element { 
    background: #FFF url('image.png') no-repeat left top; /* or whatever */
}

而在手持式样式表，你只是没有设置背景图片，所以，取决于具体的使用情况，您可以使用

.element {
    display: none;
}

或

.element { 
    background: #FFF;
}

但是，它不会是可能随后将通过CSS规则删除您包括与<img src="" />图像（只是display: none等，但不会停止加载它们，因为你注意到了）。

Answer 2

发送样式表每HTTP头的前的标记：

Link: <compact.css>; rel="stylesheet"; media="handheld"

然后使用最多的手持浏览器 - 剧 - 将不加载的图像。 WebKit的（野生）仍然确实，但是！ - 即使背景图像隐藏要素