网站在移动设备右侧切断(桌面视图)

时间:2014-02-13 18:47:26

标签: html css mobile

我的问题是在任何移动设备上查看时在右侧切断的网站的1/8,我不确定如何修复它。

网站:http://www.spotlightoutlet.com/

手机上的SS:https://dl.dropboxusercontent.com/u/47703905/screen.png

这可能是一个不寻常的问题,因为我的客户拒绝为她的网站提供响应式移动友好样式表。她只是在网站上看起来像它在桌面上的表现。

提前致谢。

2 个答案:

答案 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;
}