手機網站佈局在模擬器上看起來不錯，但在實際的移動設備上看起來不錯

我剛開始學習html/css/javascript，並決定拼湊一個實踐網站。我現在知道，我在創建這個網站時採取的很多方法被認爲是不好的做法，這就是爲什麼我不會繼續這樣做。我遇到的問題是讓我在Firefox的移動模擬器上看到的移動佈局顯示爲實際的移動設備。有關如何解決此問題的任何建議？手機網站佈局在模擬器上看起來不錯，但在實際的移動設備上看起來不錯

在此先感謝！

Website Files

來源

2016-10-06 user3657449

已經找到了我的問題的答案。這個問題幾乎沒有被複制的可能性，所以如果問題仍然存在，它就不會增加任何內容。請刪除它。謝謝！ – user3657449

嘗試加入這個元標記到您的網頁，在<頭>元素：

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

我前一段時間曾與引導這個問題，然後發現這個漂亮的答案網上。我也會推薦使用類似Bootstrap或Materialise的東西。

來源

2016-10-06 18:36:25

我沒有那個確切的元標記，但我有一些非常相似的東西。我認爲它會解決我的問題，但它一直在持續。 – user3657449

大多數現代瀏覽器都有一些基本的CSS樣式：如果您在沒有基本HTML元素的情況下鍵入<h1>sentence</h1>，Chrome仍然會提供網頁。

我構建了一個基本的網頁設計框架，如Bootstrap，這三行對於製作響應式網頁至關重要。確保將它們添加到<head></head>的頂部。

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta http-equiv="Content-Language" content="en"> 
<meta name="viewport" content="width=device-width">

Dropbox文件無法打開，所以我沒有看到你的工作。嘗試添加這些，看看它是否工作。

來源

2016-10-06 19:19:38 Harman

我試圖添加您提供的元標記，但沒有運氣。我認爲保管箱文件現在應該可以工作。 – user3657449

手機網站佈局在模擬器上看起來不錯，但在實際的移動設備上看起來不錯

回答

相關問題