web 移動開發 注意幾點

2022-05-03 06:24:08 字數 361 閱讀 3102

(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的新特性絕大部分都被支援,需要新增字首。不同機型之間可能會略有不同,這個需要踩坑 在移動端,做動畫一律用...