今天在研究html 5和framework 7時，在html示例中看到下面這一行： 不明白其中各屬性值代表什么意思，於是到網上找到相關資料，記錄下來： viewport標記，用於指定用戶是否可以縮放Web頁面 ...

viewport就是瀏覽器上用來顯示網頁的那部分區域 layout viewport:整個網頁所占據的區域（包括可視也包括不可視的區域） 默認的 visual viewport:網頁在瀏覽器上的可視區域（瀏覽器中能夠看見的區域） ideal viewport:ideal ...

什么是Viewport 手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport）中，通常這個虛擬的“窗口”（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優化的網頁的布局），用戶可以通過平移和縮放來看網頁的不同部分。移動版的 Safari ...

什么是Viewport 手機瀏覽器是把頁面放在一個虛擬的“窗口”（viewport）中，通常這個虛擬的“窗口”（viewport）比屏幕寬，這樣就不用把每個網頁擠到很小的窗口中（這樣會破壞沒有針對手機瀏覽器優化的網頁的布局），用戶可以通過平移和縮放來看網頁的不同部分。移動版的 Safari ...

...

<meta>標記用於指定用戶是否可以縮放Web頁面，如果可以，那么縮放到的最大和最小縮放比 ...

屬性解釋: 1.width width設置viewport的寬度，即iphone最初模擬PC瀏覽器的寬度，之后iphone會這個寬度展現的頁面同比縮放到iphone屏幕上。設置width=device-width后就不會再進行縮放了，因為寬度正好和iphone的寬度相同（前提 ...

我用vue寫一個界面，是這樣的 但是顯示在手機屏就是這樣的 事實上，我需要的效果是這樣的 問題描述清楚了，其實就是一個pc端與手機端等比縮放的問題。 ...