Html 响应速度快的网站无法在较小的屏幕分辨率下具有100%的宽度

当在移动设备（任何分辨率为iPhone 5或更小的设备）上观看时，都会有一个水平滚动条-我如何最大化内容宽度，从而没有水平滚动条

---

css中没有最小宽度。

滚动是由于视频容器

.myVideoCont

内

按钮的左边距造成的

Use this CSS to target screens below a tablet size, decrease the max-device-width pixels to only target smaller devices:



@media only screen and (max-device-width: 1024px) {

    #mainContainer {
        max-width: 90%; //also try "width: 90%" 
    }   
}


If this doesn't work try setting the width to 80% and keep decreasing until it fits.

如果需要在视频上居中对齐按钮，请使用
左：50%；转化：translateX（-50%）。请不要留左边距。
我可以知道投反对票的原因吗？