网站在移动屏幕上看起来没有响应或缩小



这是我几天前做出响应的客户端网站。

网站网址:grohair.parkpointdigital.com

当我们调整浏览器屏幕大小或在其他响应式检查工具上进行测试时,它的响应性非常好,但当我们在真实的移动设备上检查网站时,它工作不好,看起来媒体查询正在工作,但网站占用了宽屏幕(缩小)。。一个人可以自己查看网站是livegrohair.parkpointdigital.com

我知道元视口标签

<meta name="viewport" content="width=device-width, initial-scale=1">

但它就在那里。。

是的,我也在其他服务器abhishekbandari.com/grohair 上测试了这一点

任何帮助都将不胜感激。。

在CSS的第一个版本上http://grohair.sparkpointdigital.com/css/index.css你有这样的线路:

body {
    position: relative;
    min-width: 1164px;
    padding-top: 36px;
}

阿卡:"我希望我的网站宽度至少为1164px"。=>只要去掉min-width行,它就会神奇地工作。。。

如果锁定宽度,bootstrap将无法缩放您的内容

最新更新