移動版網站總是打開比屏幕大得多

-1

我試圖打開我的手機上我的最新網站設計，並讓它匹配屏幕時，我去的網址。然而，它總是打開得更大，我必須雙擊屏幕才能將其調整到正確的大小。移動版網站總是打開比屏幕大得多

我已經試過：

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

但沒有什麼工作。請在我的網站和HTML視圖來源：

，並告訴我，我需要修復。謝謝。

檢查你的代碼，因爲我看不到響應部分的任何代碼/行。 –

頁面中沒有css文件。請檢查。 –

該CSS是在html的頭部分，我沒有任何附加的頁面 – WillingLearner

您錯過了自適應設計的CSS。您需要使用媒體查詢來定位設備寬度，併爲移動設備和平板電腦編寫CSS。

2016-01-13 06:16:15

媒體查詢已經在文件中，並且該網站已經被調用了獨特的用於移動的CSS。 @media只有屏幕和（最大寬度：400px）{ 該行已經存在。一切工作，除了網站開放大得多，然後需要雙擊攻入正確的大小 – WillingLearner

我遇到了像你一樣的問題。所以你必須設置你的HTML和身體寬度，而不是百分比或像素，但在VW（視口寬度）。例如：

body, html { 
width: 100vw; 
min-width: 100vw; 
max-width: 100vw; 

overflow-x: hidden 
overflow-y: auto 
}

我這樣做，它的工作原理。

2016-01-13 06:29:47 Godje

thanx試圖幫助，但你不能管理你的整個網站的響應與幾行。您必須根據您的要求對其進行編碼，因此請不要發佈如此低的答案。 Thanx –

@Leothelion我知道，他只是問，當他打開一個網站時，它看起來很大，但是如果您將最大寬度更改爲您的視口寬度，那可能會解決問題。我知道響應式設計需要重新編碼幾乎所有的東西，但我只是根據他有 – Godje

的問題回答了一個問題，我剛剛嘗試過這些代碼，但它並不適用於我。 – WillingLearner

你給定的寬度。只要給width:100%。所有div和內容。它會自動響應

2016-01-13 12:01:44

不起作用。我曾試過 – WillingLearner

回答