css中的視口元標記

在CSS中用於實現響應式網頁設計的視口元標記中，我們設置了寬度=設備寬度，如<meta name="viewport" content="width=device-width">，以便頁面的寬度等於設備寬度，以便用戶不必滾動到看到頁面，但高度呢？瀏覽器是否根據寬度推斷高度並使其成爲設備高度？css中的視口元標記

來源

2016-09-05 titlu

更改'content =「width = device-width，initial-scale = 1」'，高度與寬度綁定。 –

好的，所以即使高度將等於設備高度？ – titlu

身高會根據內容而增加。 –

正確meta標籤的響應網站如下：

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

的width=device-width部分設置頁面的寬度遵循設備的屏幕寬度。當頁面被瀏覽器首次加載時，initial-scale=1部分設置初始縮放級別。您無需設置特定高度，因爲window尺寸總是隨着尺寸變化而縮放。但在情況下，您可以更改meta標籤與內容：

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

看一看here如果您有更多的疑問。

來源

2016-09-05 11:21:45

我看了，但仍然初始規模= 1對我來說不是很清楚，這是否意味着內容大小將與網頁大小相同？所以不需要放大/縮小？ – titlu

如果您將'width'設置爲'device-width'和'initial-scale = 1'，則意味着該窗口與設備屏幕具有相同的維度，並且比例爲100％（這意味着不需要放大/縮小）。如果更改屏幕的尺寸，則尺寸也會更改，因爲寬度與設備尺寸保持一致，並且比例尺始終保持不變。 –

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

width屬性控制視口的大小。可以將其設置爲特定數量的像素，例如width = 600或特殊值device-width，即CSS像素中屏幕寬度爲100％的比例。（有相應的高度和設備高度值，對於具有基於視口高度更改大小或位置的元素的頁面可能會有用。）

閱讀此https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag然後希望清除所有內容。

來源

2017-06-16 23:06:55 Bipon

css中的視口元標記

回答

相關問題