gpt4 book ai didi

css - 让移动网站显示为桌面网站,我的不是,有什么想法吗?

转载 作者:太空宇宙 更新时间:2023-11-04 12:11:32 24 4
gpt4 key购买 nike

请考虑到我是编程新手,只知道基本的东西!

目前,我商店的标题没有设置宽度,在桌面网站上工作正常>随时访问查看 www.Part-Box.com

但是,当网站在移动设备或平板电脑上加载时, View 会发生变化并且标题会被截断 > 您可以通过在 PC 上调整浏览器大小来测试这一点。基本上我希望移动版和桌面版完全一样。目前在移动版本上有一个缩放,一半的标题被截掉了。

我已经尝试在 css 中将页眉设置为 100% 的宽度,但是 completley 重新排列了页眉中的所有内容,有人可以帮忙吗?谢谢大家。

(抱歉,有图片会更容易理解)

通过删除一行代码找到了解决方案

<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 要求的。

关于css - 让移动网站显示为桌面网站,我的不是,有什么想法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29010986/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com