手持设备的样式表可以跳过加载图像吗？

Question

我有一个用于桌面的样式表，另一个用于手持设备的样式表。网页在桌面上显示时会显示一些图像，但在手持设备上显示时会隐藏这些图像。该页面显示为同时适用于台式机和手持设备。

当我检查服务器日志时，我发现手持设备实际上仍然在加载图像，只是没有显示它们。有没有一种方法可以阻止手持设备完全加载图像，因为它不需要它们，而不必维护两组网页？仅仅使用样式表就可以做到吗？

提前谢谢。

雷·蒙德

Answer 1

包括您不想在移动设备上显示的图像作为背景图像。在浏览器样式表中，您可以使用

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

而在手持式样式表中，您不需要设置背景图像，因此，根据具体用法，您可以使用

.element {
    display: none;
}

或

.element { 
    background: #FFF;
}

但是，之后通过CSS规则(只需display: none等，但这不会阻止它们加载，如您所注意到的)，将无法删除您在<img src="" />中包含的图像。

Answer 2

在标记之前，按HTTP头发送样式表：

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

然后，最常用的手持浏览器Opera将不会加载图像。然而，WebKit (Safari)仍然可以--甚至是隐藏元素的背景图像！