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

时间:2015-11-28 02:04:47

标签: html css responsive-design

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

网站网址:grohair.sparkpointdigital.com

当我们调整浏览器屏幕或在其他响应式检查工具上进行测试时,它可以完美响应,但是当我们在真实的移动设备上检查网站时,它看起来不太好看,就像媒体查询正在工作但网站占用大屏幕(缩小)..一个人可以自己检查网站是否有效grohair.sparkpointdigital.com

我知道元视口标记

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

但它就在那里..

是的我也在其他服务器abhishekbhandari.com/grohair

上测试了这个

任何帮助将不胜感激..

1 个答案:

答案 0 :(得分:1)

http://grohair.sparkpointdigital.com/css/index.css上的第一个CSS版本中你有这样一句话:

Z = X**2 + Y**2 + small_random_component

Aka:&#34;我希望我的网站宽度至少为1164像素&#34;。 =&GT;只需删除body { position: relative; min-width: 1164px; padding-top: 36px; } 行,它就会神奇地工作......

如果您锁定宽度,则引导程序将无法扩展您的内容