2017-02-01 143 views
0

我有一個Drupal網站,手機網站不縮水。它幾天前工作的很好,當我今天登錄去做更多的工作時,現在已經不復存在了。我似乎無法弄清楚爲什麼。手機網站不縮水

我已經嘗試了幾個視口選項,但都沒有改變。這可能是因爲我剛剛查看了這段代碼太久,而我只是錯過了一些東西。

這只是頭版:http://inv3nt.tgci.com/home

的內頁都還在建設中儘可能的主題,這樣的雲,所以他們都搞砸了現在。

最終該網站將獲得自己的移動主題,但現在我需要這個在移動設備上適當縮放。希望我能弄清楚在過去幾天裏發生了什麼變化,以使它在以前不能工作。

感謝您提供任何幫助。 :)

回答

0

看起來你有沒有響應的主題化,你還設置一個最小寬度的頁面包裝意味着頁面不能去小於1200像素

#wrapper { 
    min-width: 1200px; 
} 
#main-content { 
    width: 1200px; 
} 

您將需要添加一些媒體查詢http://www.w3schools.com/cssref/css3_pr_mediaquery.asp 例如。

@media screen and (max-width: 1200px) { 
    #wrapper { 
    min-width: 100%; 
    } 
    #main-content { 
    width: 100%; 
    } 
} 

您還需要修復其他問題,例如標題和您有2或4個列元素的位置。

你應該看看爲你的網站創建一個移動的第一主題,以避免創建多個主題。

你也應該看看如何實現移動菜單,我建議https://www.drupal.org/project/responsive_menu雖然有用於商業用途腳本的一個小成本