手機web頁面製作一些注意事項

2021-09-24 22:23:02 字數 1607 閱讀 3283

一關於手機頁面的標準頭

字元編碼使用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...