有屏幕有最小宽度的html方法是不加载某些html吗？

Question

在响应式设计的范例中，很容易通过像这样的CSS来隐藏东西

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

有没有办法在没有javascript，flash或服务器站点语言的情况下加载id =“flash”的div？我没有加载闪存部分的原因是我不希望移动设备加载它...

HTML：

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

非常感谢！

Answer 1

唯一可行的方法（不使用javascript）是为您网站的普通版和移动版使用单独的页面。

Answer 2

您不能使用缺少javascript来隐藏元素，但您可以采用“渐进增强”类型方法并使用javascript来插入有问题的div。这样，没有javascript的用户就不会使用div。

另一种类似的方法是给body标签一个默认类，例如。 'no-js'，你在页面加载中用javascript删除（所以没有js的浏览器会在他们的body标签上有这个类）。然后你可以在CSS中使用该类为'flash'div设置默认的'display：none'：

.no-js #flash { display: none }