花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

手機版本網(wǎng)站與手機分辨率自適應

時間: 2019-05-13 10:27 閱讀: 作者:素材無憂網(wǎng)

手機自適應

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

主流網(wǎng)頁寬度尺寸

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

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

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

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

解決兼容方法

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

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

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

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

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

自適應形式

       形式比較多,如果是用html5寫的網(wǎng)站比較好處理,其實用非html5的網(wǎng)站寫的網(wǎng)站一樣能有華麗效果。感興趣的可以去找找html5的網(wǎng)站,

版權聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權益請與我們聯(lián)系,我們將在24小時內刪除!謝謝!

轉載請注明: 手機版本網(wǎng)站與手機分辨率自適應

相關文章
模板推薦