为什么这个网站在较小的设备上没有完整的视口宽度?

时间:2016-01-20 04:28:16

标签: html ios css viewport

https://high-speed-business-club.com/secure/business-dna-super-profit-secrets/

在缩小的桌面浏览器窗口中,它表现良好。但是,在iOS设备上,右侧存在差距。据我所知,它与.wrapper和#wrapper-2有关,但是我已经进行了媒体查询并且仍然会遇到相同的结果。

iPhone 6S display. Elements will not occupy 100% of screen width.

2 个答案:

答案 0 :(得分:0)

在CSS中使用此代码

.main-content .column, .main-content .box {
width:100%;
}

答案 1 :(得分:0)

请在您的Css中添加以下代码

@media only screen and(min-device-width:320px)and(max-device-width:568px){

.main-content .column .box,.control-group .controls select {width:100%;}

}