(1)單位問題,
em:父級節點的字型大小
rem:根元素的字型大小,一般用這個,設定個20,或者32px
chrome最小是12px。
(2)flex的應用,布局
display:flex;
flex:1, 1
(3)移動端 meta引入viewport
(4)模糊問題。
最好的就是適應螢幕傳送,為主流螢幕都適配一張圖。
不行就壓縮。
background-size:contain|center
(5)media query
(6)利用localstrange
主要問題就是適配螢幕的問題。其他都還好。
移動端Web開發注意點
移動端開發主要物件是手持裝置,其中絕大部分是ios和android系統,so,在開發此類頁面時不必糾結ie和其他一些2b瀏覽器的相容性,webkit是本次開發重點。當然,不同版本的android是存在一些問題的,還有就是不同瀏覽器的版本也存在一些差別,ios在這方面表現甚好。所以在開發時我們只需使用...
移動端開發需要注意的幾點
1.移動端有自己獨有的mata屬性,這個在之前的隨筆中有寫到,在這不再多說 2.在專案開發中經常會遇到排列布局的情況,最好不要用浮動去布局,可以直接用display inline屬性達到想要的目的 3.為了提公升使用者體驗,盡可能的把每條資料都放到乙個a標籤內,保證使用者的可點區域較大 4.自適應布...
移動web開發
1.為什麼去學習移動web?已經從趨勢變成了乙個主流了,網際網路的流量入口已經大於pc端的流量入口2.相容性在國內的移動web瀏覽器,絕大部分都是基於webkit核心的,所以一些css3效果,h5的新特性絕大部分都被支援,需要新增字首。不同機型之間可能會略有不同,這個需要踩坑 在移動端,做動畫一律用...