题
我对桌面的手持设备一个样式表,和另一个。该网页显示在手持设备上显示时,显示在桌面上时,一些图像,却隐藏着这些图像。页面显示为设计用于台式机和掌上电脑。
当我检查服务器日志,我发现,掌上电脑居然还加载图像,只是没有显示它们。有没有办法阻止从完全加载图像的手持式,因为它并不需要他们,而无需维护两套网页?它可以只使用样式表来完成?
预先感谢。
雷蒙德
解决方案
包含你不希望显示作为背景图像的移动设备中的图像。在浏览器中的样式表,可以随后使用
.element {
background: #FFF url('image.png') no-repeat left top; /* or whatever */
}
而在手持式样式表,你只是没有设置背景图片,所以,取决于具体的使用情况,您可以使用
.element {
display: none;
}
或
.element {
background: #FFF;
}
但是,它不会是可能随后将通过CSS规则删除您包括与<img src="" />
图像(只是display: none
等,但不会停止加载它们,因为你注意到了)。
其他提示
发送样式表每HTTP头的前强>的标记:
Link: <compact.css>; rel="stylesheet"; media="handheld"
然后使用最多的手持浏览器 - 剧 - 将不加载的图像。 WebKit的(野生)仍然确实,但是! - 即使背景图像隐藏要素
不隶属于 StackOverflow