0

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

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

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

HTML：

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

非常感谢！

4

2 回答 2

1

唯一可能的方法（不使用 javascript）是为您的网站的正常版本和移动版本使用单独的页面。

于 2012-06-27T10:48:28.293 回答
1

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

另一种类似的方法是给body标签一个默认类，例如。'no-js'，您在使用 javascript 的页面加载时将其删除（因此没有 js 的浏览器将在其正文标签上包含该类）。然后您可以在 CSS 中使用该类为您的“flash”div 设置默认值“display:none”：

.no-js #flash { display: none }

于 2012-06-27T11:06:33.987 回答