html5 viewport常用屬性

2022-09-20 09:36:11 字數 1027 閱讀 4392

控制顯示區域各種屬性:

content

="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"

name

="viewport"

>

ios中safari允許全屏瀏覽:

content="yes"

>

ios中safari頂端狀態條樣式:

content="black"

>

忽略將數字變為**號碼:

content="telephone=no"

name="format-detection"

>

一般情況下,ios和android系統都會預設某長度內的數字為**號碼,即使不加也是會預設顯示為**的,so,取消這個很有必要!

ios中safari設定儲存到桌面圖示:

這是ios中safari特有的meta,是在你儲存某個頁面到桌面的時候使用這張圖作為桌面圖示,so,尺寸和iphone上的一致,是57*57px

href="custom_icon.png"

>

強大的css屬性box-flex

box-flex的作用是按百分比劃分兄弟相同標籤的width,也就是當ul裡有個兩個li時,每個li會自動劃分ul的寬度,如果box-flex:1;那麼此時,li的width就是50%

box-flex用法例項1:

>

>11111

>

>2222222

>

>333333333

>

>

ulul

li

下面這句**就是重置這些樣式的:

HTML5 viewport自適應螢幕

viewport 語法介紹 01 02 03 content 04height pixel value device height 05width pixel value device width 06initial scale float value 07minimum scale float v...

html5 viewport使用方法示例詳解

viewport 語法介紹 複製 如下 l程式設計客棧t meta name viewport content height pixel value device height width pixel value device width initial scale float value mini...

html5開發之viewport使用

隨著高階手機 andriod,iphone,ipod,winphone等 的盛行,移動互聯應用開發也越來越受到人們的重視,用html5開發移動應用是最好的選擇。然而,每一款手機有不同的解析度,不同螢幕大小,如何使我們開發出來的應用或頁面大小能適合各種高階手機使用呢?學習html5 viewport的...