響應式網頁設計瑕疵放大問題

Question

我做了一個網站響應，但是當它加載到手機中它自動縮放我應用視圖端口以及但沒有找到解決方案。

• 視口
• Ĵ查詢 這些不解決我的問題。

任何一個請幫助解決這個問題了

Answer 1

我理解你的問題，因爲我剛剛解決了類似的問題我自己。

方法1 您可以指定通過定位特定設備組應用的縮放量。嘗試添加這對您的index.html

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=no">

這應該讓你的網站從試圖與變焦縮放。

如果不工作，然後嘗試用CSS

@viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; } 

嘗試使用變焦和寬度值玩弄找到你的設備範圍內針對特定的設備。

方法2 在您的筆記本電腦或臺式機上打開Firefox並轉至您的站點。並在Firefox選項中選擇響應式視圖。然後按ctrl + shift + c並將鼠標懸停在頁面上以選擇整個頁面容器。在右下方會有一個帶有CSS的窗口。在那裏，你應該發現，在放大的元素。

也請與您的網站更新您的問題