2014-02-13 52 views
0

我的问题是在任何移动设备上查看时,它在右侧切断的网站的1/8,我不知道如何解决该问题。在移动设备上右侧的网站切断(桌面视图)

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

SS移动:https://dl.dropboxusercontent.com/u/47703905/screen.png

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

在此先感谢。

+0

无需标题改为解决,当你提供的对勾,存在一个答案是挑 – Huangism

回答

0

你的一些元素溢出了包装器/容器div。

尝试<HEAD></HEAD>设置这个元标记指示移动如何大小视:

<meta name="viewport" content="width=1060px, maximum-scale=1.0" /> 

根据自己的实际尺寸变化1060px

+1

就像一个魅力的指示!谢谢=) – JuicyBB

0

我怀疑这是因为.container有一个固定的宽度:width: 1200px

试试这个:

.container { 
    width: 100%; 
    max-width: 1200px; 
} 
+0

这使所有以前截断的内容推到下一行......但现在都很好,修正了它。感谢您的帮助=) – JuicyBB

相关问题