bootstrap在本地显示正常,部署到服务器就不正常了

发布于 2022-09-12 01:20:50 字数 381 浏览 15 评论 0

最近做的一个网页,用的Noble UI的框架。在官网上看手机端的预览是正常的
IMG_5327.PNG

并且自己在本地测试的时候也是正常的
微信截图_20200304131759.png

但是只要自己部署到服务器上,在用手机打开,就变成了缩放的形式
IMG_5328.PNG

网页都是用的iphone8打开的。
有大佬知道是我哪里操作做错了嘛。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

笑忘罢 2022-09-19 01:20:50

已经解决了!!!
是这样的,我使用的是Tomcat,网页也没有问题。
问题出现在了域名上面。

由于服务器上面跑着两个不同系列的网站,因此这次在设置域名解析的时候我先设置了主域名,也就是域名目录A。之后又设置了一个隐形URL域名,把网站的目录付给了隐形URL域名。
微信截图_20200304202324.png

经过多番尝试,总是遇到我说的那个问题。

但是我偶然尝试了一下使用 ip地址/网站的目录 这种方式来访问我的网站,网站的bootstrap就会正常运行,就不会出现缩放的情况。

真的是非常的神奇,不知道为什么会有这种事情。

黑凤梨 2022-09-19 01:20:50

你的缩放判断的方法试试看是否正确
如果你的布局是通过媒体查询应该是没问题的,
其他方案 rem,vw 这些的判断看下有没有问题
还有就是 html 里面 meta 的 viewport 是否正确
比如:

 <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1, minimum-scale=1, user-scalable=no">
   

像这样的语句是否在 head 中

请你别敷衍 2022-09-19 01:20:50

iPhone 开启“桌面版网站”了么?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文