學習了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...