使用視口標籤使網絡適應設備是絕對必要的嗎？

-2

你好朋友，看看有人給我一隻手來量身定製我的網絡設備。使用視口標籤使網絡適應設備是絕對必要的嗎？

我嘗試了媒體查詢和我的手機（我只有一個，摩托羅拉Moto G），我設法適應，但我沒有使用視口標籤。

景觀：我剛纔已經通過該媒體查詢適應CSS

@media screen and (max-width: 1000px) and (min-aspect-ratio: 13/9) { 

}

肖像：

@media screen and (max-width: 1000px) and (max-aspect-ratio: 13/9) { 

}

在我的手機網絡是完美的，我設法去適應風景和肖像。但是，什麼情況是，我只有這個電話，不知道該頁面的外觀在其他設備中，將視口標籤變形巨頭，完全：

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

的問題是，我幾乎失去了與這一點，因爲要證明我的頁面出現，這也變形巨人：

http://www.responsinator.com/

的問題是，分辨率爲1280x720，Moto G的？爲什麼要放置視口標籤變得扭曲？我不明白，看看有人能解釋。我試圖在互聯網上查找信息，但我無法理解。

感謝

來源

2016-02-15 PlayerWet

沒有爲*在CSS口標籤*沒有這樣的事提供一個更具體的問題。您發佈的CSS無效。刪除**「橫向」**和**「縱向」**，如果您在代碼中包含它們或將它們包裝爲註釋，如下所示：'/ *橫向* /'，'/ *縱向* /'。如果這不能回答你的問題，請澄清一下，因爲你不清楚你在問什麼。請參閱[如何提問]（http://stackoverflow.com/help/how-to-ask）頁面以獲得澄清此問題的幫助。 –

對不起，這不是我的代碼，我已經任命你去見他。我編輯帖子 – PlayerWet

請提供你的問題[mcve]。現在我們無法體驗它，所以我們無法幫助。「responsinator」鏈接僅顯示空白手機圖像。 –

我認爲你問的是：

是視標籤（meta標籤），絕對必要的，因爲它是搞亂你的網站的觀點對你設備。

要回答這個問題，讓我們看看視口標籤本身：

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

這告訴瀏覽器的初始比例設置爲視窗口的100％，且body元素的寬度因此它告訴瀏覽器將網頁body元素的寬度與查看它的設備的寬度相關聯。

總之，沒有視標籤不絕對必要的，但它是一個非常不錯的主意，雖然可以在標籤上如

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

的 content部分更改設置

或

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

您可以在Mozilla Developer Network page on the topic上閱讀錯誤信息，它會告訴您可以在視口標籤中設置的可能值。這些與CSS顯示值完全分離，並用作瀏覽器呈現頁面的默認方式。

我不能給你更具體的建議，沒有你在你的問題

來源

2016-03-01 15:26:42 Martin

使用視口標籤使網絡適應設備是絕對必要的嗎？

回答

相關問題