【问题标题】:Is it ok to use display:none, for a responsive website, when views are too different?当视图差异太大时,是否可以将 display:none 用于响应式网站?
【发布时间】:2019-07-12 01:16:11
【问题描述】:

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

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

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

【问题讨论】:

  • 如果它们“差异太大”,请考虑使用设备检测并打印不同的 html 和样式

标签: html css wordpress twitter-bootstrap responsive-design


【解决方案1】:

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

【讨论】:

  • 请避免媒体查询,看看引导程序已经有的响应式实用程序
【解决方案2】:

看看 bootstrap 的可见性类。 下表是其工作原理的最佳概述。

https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

【讨论】:

  • 好的,我不知道引导程序中的这个隐藏功能,然后我可能会使用它。感谢您的回答!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-20
  • 1970-01-01
  • 2018-02-08
  • 2013-10-14
  • 2017-07-24
相关资源
最近更新 更多