【问题标题】:"Full site" option on mobile responsive website移动响应网站上的“完整站点”选项
【发布时间】:2014-12-28 20:56:12
【问题描述】:

我正在开发一个响应移动设备的网站。我们希望能够在移动设备上查看“完整网站”按钮,这样用户就可以在没有响应式样式的情况下查看普通网站。

我正在考虑单击“完整站点”按钮,我可以删除媒体查询样式表。但这不会覆盖我拥有的视口设置:

即使我可以通过单击按钮更改站点,当用户导航到新页面时会发生什么?

对于处理这个问题的最佳方法有什么想法吗?甚至可能吗?谢谢!

http://sunniebrook.com

【问题讨论】:

  • 您可以只更改样式表以获得非响应版本。见stackoverflow.com/q/14292997/1864610
  • 为什么不让“完整站点”响应?
  • @MikeW 我同意你的看法。但是您也可以更新元视口标签,使其不再是“设备宽度”。我认为这比创建 2 个不同的样式表要好。

标签: css mobile responsive-design


【解决方案1】:

在 css-tricks.com 上有一篇我觉得很酷的小博文: http://css-tricks.com/user-opt-out-responsive-design/

这让我看到了另一篇博文: http://creativeandcode.com/responsive-view-full-site/

(只需将您想要的宽度放在元视口标签中;-))。

【讨论】:

  • 您将根据他们对按钮的点击设置一个 cookie。 css-tricks 上的所有选项都不适用于所有移动设备,或者当时并非如此。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多