首页 > 解决方案 > 当视图差异太大时,是否可以将 display:none 用于响应式网站?

问题描述

我实际上正在开发一个响应式网站(使用 Wordpress)。对于响应性,我通常使用 Bootstrap 的网格,但是这次设计模型对于 2 个视图是完全不同的,所以这里没有真正好的使用 Bootstrap 的方法。

我正在考虑使用display:none规则来切换视图。

但我担心的是:这样做是否是一个好习惯,因为移动和桌面视图的所有内容都将下载两次。如果没有:还有其他方法吗?

标签: htmlcsswordpresstwitter-bootstrapresponsive-design

解决方案


尽管不推荐使用 display none 并将其视为不好的做法。但主要是尽量避免它。如果可能,您可以使用媒体查询来调整移动视图的样式。


推荐阅读