有没有HTML方式不加载一些HTML只有当屏幕有最小宽度？

在响应式设计的范例很容易通过CSS隐藏这样的东西有没有HTML方式不加载一些HTML只有当屏幕有最小宽度？

@media screen and (max-width: 360px) { 
    #flash { 
    display:none; 
}

有没有办法不与ID载入的div =“闪光”没有的JavaScript，Flash或服务器站点的语言吗？不加载闪存部分的原因的是，我不想的移动设备加载它...

HTML：

<div id="flash"> 
    <flashgallerystuff></> 
</div>

非常感谢！

来源

2012-06-27 Jurudocs

你不能使用缺少javascript来隐藏元素，但你可以采取“渐进式增强”类型的方法，并使用JavaScript到插入该问题的股利。这样的div从来没有为没有JavaScript的用户提供。

另外，类似的做法，是给body标签默认类的，如。 'no-js'，您可以使用javascript在页面加载中删除（因此，没有js的浏览器将在其身体标记上具有该类）。然后你可以使用这个类在CSS设置的默认值“显示：无”你“闪光” DIV：

.no-js #flash { display: none }

来源

2012-06-27 11:06:33

唯一可能的途径（不使用JavaScript）是使用单独的页面的网站的正常的和移动版本。

来源

2012-06-27 10:48:28 bodi0

感谢您的回答！你能再详述一下吗？你会在哪里做屏幕检测，看起来如何？ – Jurudocs

使用javascript进行屏幕分辨率检测是可能的，但您希望避免使用这种方法，所以您只需创建具有最常见尺寸的html页面的移动版本，让我们说400px宽度（几乎）没有图像，更大字体大小（更容易阅读）。但是，如果您希望自动检测用户的浏览器/设备并自动重定向到移动版本页面，则需要使用JavaScript和/或服务器端检测脚本（例如PHP）。请参阅javascript检测http://www.javascriptkit.com/howto/newtech3.shtml – bodi0

有没有HTML方式不加载一些HTML只有当屏幕有最小宽度？

回答

相关问题