代理加盟 2019全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: cf阿拉维斯如何钻bug > 站長學院 > 建站教程 >

阿拉维斯vs莱万特分析:移動版網站與手機分辨率自適應布局

來源:未知 發布時間:2019-03-30熱度: ℃我要評論
能不能按照屏幕尺寸自適應呢?其實很簡單,一般PC端網站的尺寸以14吋筆記本為主,寬度過寬,會造成部分內容顯示不出來。 主流網頁寬度尺寸 無論哪種客戶端,現在的智能機的分辨率都較高,即使1000px以上,也能通過放大適應。 PC端能兼容寬度尺寸主要有960px,1100px,1...

cf阿拉维斯如何钻bug www.rxtxrm.com.cn 織夢模板免費下載,無需注冊無需充值

移動端手機自適應

       能不能按照屏幕尺寸自適應呢?其實很簡單,一般PC端網站的尺寸以14吋筆記本為主,寬度過寬,會造成部分內容顯示不出來。

主流網頁寬度尺寸

       無論哪種客戶端,現在的智能機的分辨率都較高,即使1000px以上,也能通過放大適應。

       PC端能兼容寬度尺寸主要有960px,1100px,1190px,甚至達到2000px等,沒有規定使用哪種規格,不建議低于800px。

       手機端能兼容寬度尺寸主要有320px,600px,800px等,由于字體大小的緣故,手機端訪問PC端的網站時會難操作。

       平板端能兼容寬度尺寸主要有760px,800px,1100px等,操作上比手機端方便,與PC端沒太大的區別。

解決兼容方法

       制作一個自適應的手機網站,就是寬度全部弄成百分比嗎?一般來說,PC站沒必要弄能百分比,PC端和手機端的優化方式也不一樣。手機端訪問速度要快,需求度集中,圖片不宜過多,

       一般PC端的頭部是這樣寫的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">

       把頭部改成以下就可以適應手機端了。

<!DOCTYPE HTML PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "//www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="//www.w3.org/1999/xhtml">

自適應形式

       形式比較多,比如本站用的是純CSS3自適應PC和移動端,由于博客類圖片和JS都較少,并做了基礎優化,因此PC和移動端訪問速度不受影響,如果是用html5寫的網站比較好處理,其實用非html5的網站寫的網站一樣能有華麗效果。感興趣的可以去找找html5的網站。

本文地址://www.rxtxrm.com.cn/news/1474.html

    發表評論

    評論列表(條)