移動web開發1

2021-08-05 21:16:45 字數 760 閱讀 6683

學習了viewport視口及相應的屬性:

viewport:視口屬性 該屬性只在移動端瀏覽器上才有用。

name=」viewport」告訴瀏覽器 我這個meta標籤設定的是viewport屬性

content設定的是屬性的值 屬性名不能亂寫 有固定的取值

width:寬度 device-width(裝置的寬度) 寬度不需要給單位

height:高度一般不設定 讓內容撐大

initial-scale:視口預設的縮放比例 一般預設為1.0

user-scalable:設定是否支援縮放 一般設定的使no false也可以

maximum-scale:最大的縮放值 1.0

minimum-scale:最小的縮放值 1.0

sublime快捷鍵 meta:vp+tab 直接生成 lorem+tab 生成佔位字元

初始化樣式:

/* 通用樣式 */

*,::before,

::after

/* input標籤 去掉預設樣式 */

input

/* a標籤的下劃線 */

a/* 去掉小圓點 */

ol,ul

/* 清除浮動 */

.f_l

.f_r

/* 清除浮動 */

.clearfix

::before,

.clearfix

::after

移動web開發

1.為什麼去學習移動web?已經從趨勢變成了乙個主流了,網際網路的流量入口已經大於pc端的流量入口2.相容性在國內的移動web瀏覽器,絕大部分都是基於webkit核心的,所以一些css3效果,h5的新特性絕大部分都被支援,需要新增字首。不同機型之間可能會略有不同,這個需要踩坑 在移動端,做動畫一律用...

移動web開發經驗總結 1

1.width可是寬度,initial scale初始化縮放比例,maximum scale允許使用者縮放的最大比例,minimum scale允許使用者縮放的最小比例,user scalable是否允許使用者縮放。2.webkit tap highlight color rgba 255,255,...

移動端web開發

viewport content width device width,user scalable no,initial scale 1.0,maximum scale 1.0,minimum scale 1.0 width 設定視口寬度 initial scale 初始化縮放比,大於0的數字 ma...