手機(jī)-wap頁(yè)面制作注意事項(xiàng)
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
部分手機(jī)瀏覽器對(duì)如下css樣式支持不是很好,建議慎重使用
一、關(guān)于css樣式: 1、頁(yè)面自帶css建議style標(biāo)簽頭標(biāo)準(zhǔn)化,格式:id="internalStyle"> 2、部分手機(jī)瀏覽器對(duì)如下css樣式支持不是很好,建議慎重使用: ·不支持font-family屬性,也就是說(shuō),在很多瀏覽器可能只有一種默認(rèn)字體; ·不支持font-szie屬性,如在UC瀏覽器你只能看到一樣大小的字體; ·不支持width、height、padding、margin、line-height屬性,如,在UC瀏覽器只能通過(guò)p、br 等HTML標(biāo)簽來(lái)?yè)Q行以達(dá)到字符上下間隔; ·不支持固定像素的寬度,100%顯示頁(yè)面,如:在UC瀏覽器始終將看到的是“滿屏的”; ·不支持浮動(dòng)、層疊布局,float和position屬性無(wú)效,如:在UC瀏覽器你只能看到 “左對(duì)齊”,建議使用table格局。 ·支持background-color,但不支持background-image,也就是說(shuō)不支持CSS背景圖顯示,在UC瀏覽器你只能看到背景色,為了手機(jī)的流量,提倡盡量少用背景圖。 ·max-device-width這樣的選項(xiàng),限定屏幕寬度小于480的設(shè)備才采用該樣式表。代碼格局如下: <link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet" /> 二、關(guān)于手機(jī)頁(yè)面的標(biāo)準(zhǔn)頭: 1、字符編碼使用utf-8:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 2、指定頁(yè)面手機(jī)內(nèi)存緩存中的存儲(chǔ)時(shí)間段:<meta http-equiv="Cache-Control" content="no-cache"/> 3、<meta name="viewport" content="width=device-width; initial-scale=1.0;minimum-scale=1.0; maximum-scale=2.0"/> device-width通知瀏覽器使用設(shè)備的寬度作為可視區(qū)的寬度 initial-scale - 初始的縮放比例 minimum-scale - 允許用戶縮放到的最小比例 maximum-scale - 允許用戶縮放到的最大比例 4、解決原先在Pocket PC 2002上能夠全螢?zāi)伙@示的Flash影片(240×320),到了Pocket PC2003之后,自動(dòng)會(huì)縮小的問(wèn)題:<meta name="MobileOptimized" content="240"/> 三、其他: 1、網(wǎng)頁(yè)大小限制:建議低版本頁(yè)面不超過(guò)15k,高版本頁(yè)面不超過(guò)60k; 2、部分手機(jī)不支持png8和png24,所以盡量使用jpg和gif的圖片; 3、另外對(duì)于平滑的漸變等精細(xì)的圖片細(xì)節(jié),部分手機(jī)的色彩支持度并不能達(dá)到要求,所以慎用有平滑漸變的bar設(shè)計(jì); 4、部分手機(jī)對(duì)于超大圖片,既不進(jìn)行縮放,也不顯示橫下滾動(dòng)條; 5、少數(shù)手機(jī)在打開超過(guò)20k的測(cè)試頁(yè)面時(shí),會(huì)顯示內(nèi)存不足; 6、大部分手機(jī)不支持表單元素的“disable”屬性; 7、在手持設(shè)備上,按鈕最好不要直接用img標(biāo)簽,如<input type="image" src="圖片路徑" name="Submit" value="" />。 四、瀏覽器使用情況: 1、手機(jī)自帶瀏覽器市場(chǎng)份額高達(dá)49.6%;2、在現(xiàn)有手機(jī)瀏覽器品牌中; 3、騰訊手機(jī)瀏覽器份額27.3%; 4、UC手機(jī)瀏覽器份額11.2%; 5、Opera手機(jī)瀏覽器份額1.8%; 6、其他手機(jī)瀏覽器份額2.4%。 該文章在 2014/4/5 23:10:35 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |