我的问题是在任何移动设备上查看时在右侧切断的网站的1/8,我不确定如何修复它。
网站:http://www.spotlightoutlet.com/
手机上的SS:https://dl.dropboxusercontent.com/u/47703905/screen.png
这可能是一个不寻常的问题,因为我的客户拒绝为她的网站提供响应式移动友好样式表。她只是在网站上看起来像它在桌面上的表现。
提前致谢。
答案 0 :(得分:0)
你的一些元素溢出了包装器/容器div。
尝试在<HEAD></HEAD>
中设置此元标记,以指示移动设备如何调整视口大小:
<meta name="viewport" content="width=1060px, maximum-scale=1.0" />
根据您的实际尺寸更改1060px
。
答案 1 :(得分:0)
我怀疑是因为.container
的宽度是固定的:width: 1200px
。
试试这个:
.container {
width: 100%;
max-width: 1200px;
}