国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 移動WEB開發(fā)

移動WEB開發(fā)

時間:2023-07-24 07:18:01 | 來源:網(wǎng)站運營

時間:2023-07-24 07:18:01 來源:網(wǎng)站運營

移動WEB開發(fā):

移動WEB開發(fā)

用手機上網(wǎng)的人越來越多,CNNIC的權(quán)威報告:截至2020年3月中國手機網(wǎng)民規(guī)模達8.97億人,比2018年底增加7992萬人,網(wǎng)民使用手機上網(wǎng)的比例比2018年底提升0.7個百分點,達99.3%。其中手機網(wǎng)絡(luò)支付用戶規(guī)模達7.65億;手機網(wǎng)絡(luò)購物用戶規(guī)模達7.07億;手機即時通信用戶規(guī)模達8.90億。

一、瀏覽器現(xiàn)狀

PC端常見瀏覽器

360瀏覽器、谷歌瀏覽器、火狐瀏覽器、QQ瀏覽器、百度瀏覽器、搜狗瀏覽器、IE瀏覽器。

移動端常見瀏覽器

UC瀏覽器、360安全瀏覽器、谷歌瀏覽器、火狐瀏覽器、QQ瀏覽器、百度手機瀏覽器、搜狗手機瀏覽器、歐鵬瀏覽器、獵豹瀏覽器、以及其他雜牌瀏覽器。

國內(nèi)的UC和QQ瀏覽器、百度手機瀏覽器都是根據(jù) Webkit 修改過來的的內(nèi)核,國內(nèi)尚無自主研發(fā)的內(nèi)核,就像國內(nèi)的手機操作系統(tǒng)都是基于 Android 修改開發(fā)的一樣。

總結(jié):兼容移動端主流瀏覽器,處理Webkit內(nèi)核瀏覽器即可。

二、手機屏幕現(xiàn)狀

移動端常見屏幕尺寸

移動端調(diào)試方法

三、視口

視口(viewport):就是瀏覽器顯示頁面內(nèi)容的屏幕區(qū)域。視口可以分為布局視口,視覺視口
和理想視口。

3.1 布局視口(layout viewport)

3.2 視覺視口(visual viewport)

3.3 理想視口(ideal viewport)

給我們的頁面加上一條meta語句:

這個meta標簽,就是“視口約束”。約束之后的視口寬度,和設(shè)備寬度相同,實際上就是人為設(shè)置的數(shù)字。每個設(shè)備出廠前都會設(shè)置一下約束視口之后的寬度。

約束之后的視口寬度,不是自己的分辨率??!每個手機的分辨率,都要比自己的視口寬度大得多得多!

四、二倍圖、多倍圖

4.1 二倍圖

物理像素&物理像素比

4.2 多倍圖

五、移動端開發(fā)選擇

5.1 單獨制作移動端頁面 (主流)

通常情況下,網(wǎng)址域名前面加 m(mobile) 可以打開移動端。通過判斷設(shè)備,如果是移動端設(shè)備打開,則跳轉(zhuǎn)到移動端頁面。

5.2 響應(yīng)式兼容 PC 移動端

5.3 移動端技術(shù)解決方案



關(guān)鍵詞:移動

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉