2014-02-13 51 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

相關問題