css - 移动响应网站上的 "Full site"选项

标签 css mobile responsive-design

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

我想通过单击“完整站点”按钮删除媒体查询样式表。但这不会覆盖我拥有的视口(viewport)设置:

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

关于处理此问题的最佳方法有什么想法吗?有可能吗?谢谢!

http://sunniebrook.com

最佳答案

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

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

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

关于css - 移动响应网站上的 "Full site"选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26693287/

相关文章:

javascript - 关键帧动画延迟

html - 相对于div相对于div如何定位div

javascript - 如何防止文档主体上的点击事件(可能是 Cordova 中的错误?)

html - 网站不会调整到移动宽度/元标记?

html - 图像在平板电脑和手机上扩大而不是缩小?

单击事件后的 CSS

javascript - 如何使用 anchor 标记在单击按钮时弹出?

javascript - 打开/关闭时更改 slicknav 中的背景

php - 如何让自适应图像为响应式 BootStrap 图像发送正确的文件大小?

html - 嵌套的内联 block 不会正确换行