響應式Viewport屬性簡單介紹

2021-10-12 22:15:43 字數 317 閱讀 4810

width:控制 viewport 的大小,可以指定的乙個值,如 600,或者特殊的值,如 device-width 為裝置的寬度(單位為縮放為 100% 時的 css 的畫素)。

height:和 width 相對應,指定高度。

initial-scale:初始縮放比例,也即是當頁面第一次 load 的時候縮放比例(調整頁面縮放比例)。

maximum-scale:允許使用者縮放到的最大比例。

minimum-scale:允許使用者縮放到的最小比例。

user-scalable:使用者是否可以手動縮放

響應式Web前端設計 Viewport解析

viewport 是使用者網頁的可視區域。viewport 翻譯為中文可以叫做 視區 手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中,通常這個虛擬的 視窗 viewport 比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中 這樣會破壞沒有針對手機瀏覽器優化的網頁的布局 使用者可以通過平移...

Vue 響應式屬性

本文參考自 1 概述 當建立乙個vue例項時,每個資料屬性 元件屬性等都是可以遍歷的,並為每個資料屬性新增了getter和setter。getter和setter允許vue觀察資料的更改並觸發更新。如果你在vue例項化後新增 或刪除 乙個屬性 例如在方法或生命週期鉤子中 vue是不知道它的。2 更新...

viewport屬性說明

手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中,通常這個虛擬的 視窗 viewport 比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中 這樣會破壞沒有針對手機瀏覽器優化的網頁的布局 使用者可以通過平移和縮放來看網頁的不同部分。移動版的 safari 瀏覽器最新引進了 viewport ...