viewport 語法介紹：
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
width
控制 viewport 的大小，可以指定的乙個值或者特殊的值，如 device-width 為裝置的寬度（單位為縮放為 100% 時的 css 的畫素）。
height
和 width 相對應，指定高度。
initial-scale
初始縮放。即頁面初始縮放程度。這是乙個浮點值，是頁面大小的乙個乘數。例如，如果你設定初始縮放為「1.0」，那麼，web頁面在展現的時候就會以target density解析度的1:1來展現。如果你設定為「2.0」，那麼這個頁面就會放大為2倍。
maximum-scale
最大縮放。即允許的最大縮放程度。這也是乙個浮點值，用以指出頁面大小與螢幕大小相比的最大乘數。例如，如果你將這個值設定為「2.0」，那麼這個頁面與target size相比，最多能放大2倍。
user-scalable
使用者調整縮放。即使用者是否能改變頁面縮放程度。如果設定為yes則是允許使用者對其進行改變，反之為no。預設值是yes。如果你將其設定為no，那麼minimum-scale 和 maximum-scale都將被忽略，因為根本不可能縮放。
target-densitydpi
乙個螢幕畫素密度是由螢幕解析度決定的，通常定義為每英吋點的數量（dpi）。android支援三種螢幕畫素密度：低畫素密度，中畫素密度，高畫素密度。乙個低畫素密度的螢幕每英吋上的畫素點更少，而乙個高畫素密度的螢幕每英吋上的畫素點更多。android browser和webview預設螢幕為中畫素密度。
(設定螢幕寬度為裝置寬度，禁止使用者手動調整縮放)
(設定螢幕密度為高頻，中頻，低頻自動縮放，禁止使用者手動調整縮放)
移動端適配之視覺視窗view port的詳細設定
就是百分比布局，非固定畫素，內容向兩側填充，理解成流動的布局。viewport,是移動端特有。這是乙個用於承載網頁的虛擬的區域，承載關係 瀏覽器 viewport 網頁 適配要求 1.網頁寬度必須和瀏覽器保持一致 2.預設顯示的縮放比例和pc端保持 縮放比例1.0 3.不允許使用者自行縮放網頁 滿足...
duilib虛擬視窗使用
方便每乙個tablayout的介面都可以用乙個類去處理 避免將所有的訊息寫到同乙個主視窗類中 方便維護 主視窗 建構函式中新增 cetcdmainwnd cetcdmainwnd xml配置 類中新增訊息處理類的成員變數 cpatmanagepage m patmanagepage 訊息處理類的宣告...
viewport屬性說明
手機瀏覽器是把頁面放在乙個虛擬的 視窗 viewport 中，通常這個虛擬的 視窗 viewport 比螢幕寬，這樣就不用把每個網頁擠到很小的視窗中 這樣會破壞沒有針對手機瀏覽器優化的網頁的布局 使用者可以通過平移和縮放來看網頁的不同部分。移動版的 safari 瀏覽器最新引進了 viewport ...