我的問題是在任何移動設備上查看時,它在右側切斷的網站的1/8,我不知道如何解決該問題。在移動設備上右側的網站切斷(桌面視圖)
網站:http://www.spotlightoutlet.com/
SS移動:https://dl.dropboxusercontent.com/u/47703905/screen.png
爲我的客戶拒絕對她的網站上靈活的移動友好的樣式表,這可能是一個不尋常的問題。她只是網站,看起來像它在桌面上的樣子。
在此先感謝。
我的問題是在任何移動設備上查看時,它在右側切斷的網站的1/8,我不知道如何解決該問題。在移動設備上右側的網站切斷(桌面視圖)
網站:http://www.spotlightoutlet.com/
SS移動:https://dl.dropboxusercontent.com/u/47703905/screen.png
爲我的客戶拒絕對她的網站上靈活的移動友好的樣式表,這可能是一個不尋常的問題。她只是網站,看起來像它在桌面上的樣子。
在此先感謝。
你的一些元素溢出了包裝器/容器div。
嘗試<HEAD></HEAD>
設置這個元標記指示移動如何大小視:
<meta name="viewport" content="width=1060px, maximum-scale=1.0" />
根據自己的實際尺寸變化1060px
。
就像一個魅力的指示!謝謝=) – JuicyBB
我懷疑這是因爲.container
有一個固定的寬度:width: 1200px
。
試試這個:
.container {
width: 100%;
max-width: 1200px;
}
這使所有以前截斷的內容推到下一行......但現在都很好,修正了它。感謝您的幫助=) – JuicyBB
無需標題改爲解決,當你提供的對勾,存在一個答案是挑 – Huangism