一關於手機頁面的標準頭
字元編碼使用utf-8
指定頁面手機記憶體快取中的儲存時間段
minimum-scale=1.0; maximum-scale=2.0"/>
device-width通知瀏覽器使用裝置的寬度作為可視區的寬度
initial-scale - 初始的縮放比例
minimum-scale - 允許使用者縮放到的最小比例
maximum-scale - 允許使用者縮放到的最大比例
解決原先在pocket pc 2002上能夠全螢幕顯示的flash影片(240×320),到了pocket
pc2003之後,自動會縮小的問題
二 關於css樣式
1頁面自帶css建議style標籤頭標準化,格式:id="internalstyle">
2 部分手機瀏覽器對如下css樣式支援不是很好,建議慎重使用:
· 不支援font-family屬性,也就是說,在很多瀏覽器可能只有一種預設字型;
· 不支援font-szie屬性,如在uc瀏覽器你只能看到一樣大小的字型;
· 不支援width、height、padding、margin、line-height屬性,如,在uc瀏覽器只
能通過p、br 等html標籤來換行以達到字元上下間隔;
· 不支援固定畫素的寬度,100%顯示頁面,如:在uc瀏覽器始終將看到的是「滿屏的
· 不支援浮動、層疊布局,float和position屬性無效,如:在uc瀏覽器你只能看到
「左對齊」,建議使用table格局。
· 支援background-color,但不支援background-image,也就是說不支援css背景圖
顯示,在uc瀏覽器你只 能看到背景色,為了手機的流量,提倡盡量少用背景圖。
· max-device-width這樣的選項,限定螢幕寬度小於480的裝置才採用該樣式表,代
碼格局如下:
-device.css" type= "text/css" rel="stylesheet" />
三 其他
1網頁大小限制:建議低版本頁面不超過15k,高版本頁面不超過60k。
2部分手機不支援png8和png24,所以盡量使用jpg和gif的;
3另外對於平滑的漸變等精細的細節,部分手機的色彩支援度並不能達到要求,所
以慎用有平滑漸變的bar設計;
4部分手機對於超大,既不進行縮放,也不顯示橫下滾動條;
5少數手機在開啟超過20k的測試頁面時,會顯示記憶體不足
6大部分手機不支援表單元素的「disable」屬性
7在手持裝置上,按鈕最好不要直接用img標籤
四 瀏覽器使用情況:
cnnic與cr-nielsen聯合發布的《2023年中國移動網際網路與3g使用者調查報告》顯示,
手機自帶瀏覽器市場份額高達49.6%,
在現有手機瀏覽器品牌中,
uc手機瀏覽器份額11.2%,
opera手機瀏覽器份額1.8%,
其他手機瀏覽器份額2.4%。
儘管今年 uc瀏覽器扳回一城,重新超越了qq瀏覽器,但不排除有隨時被對方超越的可能。
手機web頁面製作時的注意事項
一 手機頁面的標準頭規範 字元編碼使用utf 8 指定頁面手機記憶體快取中的儲存時間段 device width 通知瀏覽器使用裝置的寬度作為可視區的寬度 initial scale 初始的縮放比例 minimum scale 允許使用者縮放到的最小比例 maximum scale 允許使用者縮放到...
一些注意事項
0.解題思路 a.普通思路 b.遞迴 bfs dfs c.動態規劃 比遞迴快 d.雙指標 比for迴圈快 如 快慢指標方法 e.用棧 1.陣列初始化 int a new int 5 a 0 預設為0.二維陣列也一樣。boolean b new boolean 5 b 0 預設為false.strin...
無線頁面製作注意事項!
第乙個meta標籤表示 強制讓文件的寬度與裝置的寬度保持1 1,並且文件最大的寬度比例是1.0,且不允許使用者點選螢幕放大瀏覽 第二個meta標籤是iphone裝置中的safari私有meta標籤,它表示 允許全屏模式瀏覽 第三個meta標籤也是iphone的私有標籤,它指定的iphone中safa...