如何讓我的網頁適合移動？

-2

我知道有很多關於將網頁安裝到帶有視口的移動屏幕上的文章。儘管如此，我仍然無法找到正確的答案來使我的頁面適合移動屏幕。我嘗試了不同的視口方法，但都沒有工作。所以現在我總是不得不捏和縮小以達到我需要的比例。 url = http://www.moworkflow.nl/test/responsiveapplogin.php

到目前爲止工作不正常;
< meta name =「viewport」content =「width = device-width，initial-scale = 1」>
<> < meta name =「viewport」content =「initial-scale = 1，maximum-scale = 1」 META NAME =「視口」內容=「WIDTH = 500，初始規模= 1」>如何讓我的網頁適合移動？

所以具體的，當我的網頁上打開移動它打開，如：
Wrong
但它看起來像下面的時候我打開我的網頁，所以我不會有縮小了

enter image description here

來源

2015-05-19 Kevin Ammerlaan

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

試試看。

這與你所擁有的沒有什麼不同，所以我不確定你的meta標籤爲什麼不能正常工作。

是否有可能在CSS或媒體查詢中的其他任何地方使用縮放集或其他形式的標量？

來源

2015-05-19 18:38:43 unsider

*更新*謝謝我會嘗試，據我所知我沒有在我的CSS或JavaScript或其他任何縮放。唯一的問題是我使用了很多：高度：100％和寬度：100％和溢出設置，但我不認爲這會影響縮放比例我是正確的嗎？經過測試但沒有運氣 –

我會說挑一個屏幕寬度在您的網站看起來不錯，然後把該寬度在此meta標籤，以取代860

<meta content='width=860, maximum-scale=1.0, user-scalable=0' name='viewport' />

這是什麼應該做的是忽視了設備的寬度和使用這個寬度，你也可以嘗試不同的數字，如1260,1024,960,768等。

請確保您沒有多個名稱='視口'的元標記，如果您這樣做，請將其全部刪除並僅保留一。

來源

2015-05-19 20:15:48

如何讓我的網頁適合移動？

回答

相關問題