让移动网站显示为桌面网站,我的不是,有什么想法吗?
Getting a mobile site to display as a desktop site, mine isn't, any ideas?
请考虑到我对编程还很陌生,只知道基本的东西!
目前,我店里的 header 没有设置宽度,在桌面网站上工作正常 > 欢迎访问查看 www.Part-Box.com
但是,当网站在移动设备或平板电脑上加载时,视图会发生变化并且 header 会被截断 > 您可以通过在 PC 上调整浏览器大小来测试这一点。基本上我希望移动版和桌面版完全一样。目前移动版有缩放功能,header 的一半被截掉了。
我尝试将 header 的宽度设置为 css 中的 100%,这可行,但完全重新排列了 header 中的所有内容,有人可以帮忙吗?谢谢大家。
(有图片会更容易理解不好意思)
通过删除一行代码
找到了解决方案
<meta name="viewport" content="width=device-width, initial-scale=1.0">
根据上面的评论: OP 希望他们的网站在桌面和移动设备上看起来一样。也就是说,没有布局重新排序、重新调整大小或重新样式化。
要执行您想要的操作,我们需要缩小移动浏览器以便可以看到整个页面。这恰好是移动浏览器默认执行的操作。
您没有发生这种情况的原因是您使用的 meta
标签广泛用于响应式网页设计布局:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
从页面中删除该标签,您应该会看到您要查找的结果。
**我意识到这不是一个理想的用户体验选择,但这是 OP 要求的。
请考虑到我对编程还很陌生,只知道基本的东西!
目前,我店里的 header 没有设置宽度,在桌面网站上工作正常 > 欢迎访问查看 www.Part-Box.com
但是,当网站在移动设备或平板电脑上加载时,视图会发生变化并且 header 会被截断 > 您可以通过在 PC 上调整浏览器大小来测试这一点。基本上我希望移动版和桌面版完全一样。目前移动版有缩放功能,header 的一半被截掉了。
我尝试将 header 的宽度设置为 css 中的 100%,这可行,但完全重新排列了 header 中的所有内容,有人可以帮忙吗?谢谢大家。
(有图片会更容易理解不好意思)
通过删除一行代码
找到了解决方案<meta name="viewport" content="width=device-width, initial-scale=1.0">
根据上面的评论: OP 希望他们的网站在桌面和移动设备上看起来一样。也就是说,没有布局重新排序、重新调整大小或重新样式化。
要执行您想要的操作,我们需要缩小移动浏览器以便可以看到整个页面。这恰好是移动浏览器默认执行的操作。
您没有发生这种情况的原因是您使用的 meta
标签广泛用于响应式网页设计布局:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
从页面中删除该标签,您应该会看到您要查找的结果。
**我意识到这不是一个理想的用户体验选择,但这是 OP 要求的。