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

新手上路,请多包涵

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

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

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

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

阅读 4.8k
3 个回答
✓ 已被采纳新手上路,请多包涵

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

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

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

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

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

你的缩放判断的方法试试看是否正确
如果你的布局是通过媒体查询应该是没问题的,
其他方案 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 中

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题