我没有使用jquery mobile。
我在 WordPress 中构建了一个模板，并具有全宽背景，可以为每个页面设置不同的背景：Background_1.jpg = Home，Background_1.jpg = About，ens....
这是前端加载的内容：
<div id="bg">
<img id="background" src="images/Background_1.jpg" alt="background">
</div>
所以我的问题如下：
当我到达流体网格布局时，我想完全删除这个元素以加快加载时间。
我也不想隐藏它，我想在窗口大小小于 600px 时删除 html。
以前有人这样做过吗？
在 CSS 中使用媒体查询。
像这样的东西：
@media (max-width: 767px) {
.styleName {
display:none;
}
}
如果窗口大小小于 767 像素，这将隐藏 css 元素。您确实需要在 html 中使用正确的标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
要在移动视图上隐藏 div，您需要正确的窗口大小。这大约来自引导框架：
/* Landscape phones and down */
@media (max-width: 480px) { ... }
要将其实现到您的代码中，您可以使用：
<div id="bg" class="styleName">
CODE
</div>
在这里阅读更多内容：移动设备技巧 http://css-tricks.com/forums/discussion/11163/mobile-device-trick/p1
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
