网站不是以移动设备视图为中心

问题描述:

我对我的响应式网站有CSS问题。所以在桌面浏览器中,所有内容都显示良好,但我注意到移动设备上存在问题。下面是截图:网站不是以移动设备视图为中心

Screenshot

因此,对my website所有移动视图的主要内容是略微向右移动,所以没有空白一致右空白左空间。你可以在我的屏幕截图链接上看到它 - 订阅框不居中,和所有内容类似。

的问题是在

.wrapper .sixteen.spans { 
    width: 940px; 
    padding-left: 15px;} 
} 

https://techmonegy.com/wp-content/themes/frisco/style.css

这些值是为所有媒体设置。您想将宽度设置为移动设备的较低值,或者根本不要设置。

+0

不,这不是......当你调整窗口中可以看到 ' @media只有屏幕和(最大宽度:959px)和(最小宽度:768px) .wrapper .sixteen.spans { 宽度:748px; }' – Lanchushki 2015-04-01 19:44:32

+0

@ user3499959 http://fat.gfycat.com/CrazyScarceAustralianshelduck.gif – Chase 2015-04-01 19:56:23