2016-02-11 121 views
0

我正在開發移動網站,現在正在測試菜單按鈕。每當我點擊它時,整個頁面都會縮小,但是小菜單不夠大,不適合屏幕。當用戶點擊菜單按鈕時,我不希望頁面縮小。我如何實現這一目標?當彈出菜單打開時,移動網站不斷縮小

第一張照片是當菜單被隱藏並且屏幕爲1.1x時。第二張照片是當菜單顯示並且屏幕爲1.0x時。 Website with menu hidden. Notice the screen is at 1.1x

Website with menu displayed. The screen is now at 1.0x

+0

我看了你的問題兩次,我明白什麼:d! – Microsmsm

+0

對不起。基本上,只要點擊我的菜單按鈕,屏幕就會縮小,我不希望發生這種情況。菜單不夠大,無法覆蓋屏幕,所以我不知道爲什麼它會縮小。有沒有解決這個問題? –

+0

是屏幕縮小還是頁面內容全部被推到左邊?我很好奇它實際上是使用CSS縮放還是縮放頁面,還是隻是推動它看起來像縮放 – Aeolingamenfel

回答

1

確保視口設置正確

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

,並確保您使用zoom:1.1;在CSS

+0

謝謝。我糾正了視口,並改變了我的CSS來解決這個問題。 –