校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > 手機(jī)版本網(wǎng)站與手機(jī)分辨率自適應(yīng)

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

POST TIME:2017-11-13 00:41

能不能按照屏幕尺寸自適應(yīng)呢？其實(shí)很簡(jiǎn)單，一般PC端網(wǎng)站的尺寸以14吋筆記本為主，寬度過(guò)寬，會(huì)造成部分內(nèi)容顯示不出來(lái)。

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

無(wú)論哪種客戶端，現(xiàn)在的智能機(jī)的分辨率都較高，即使1000px以上，也能通過(guò)放大適應(yīng)。

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

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

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

解決兼容方法

制作一個(gè)自適應(yīng)的手機(jī)網(wǎng)站，就是寬度全部弄成百分比嗎？一般來(lái)說(shuō)，PC站沒(méi)必要弄能百分比，PC端和手機(jī)端的優(yōu)化方式也不一樣。手機(jī)端訪問(wèn)速度要快，需求度集中，圖片不宜過(guò)多，

一般PC端的頭部是這樣寫(xiě)的。

<!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">

把頭部改成以下就可以適應(yīng)手機(jī)端了。

<!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">

自適應(yīng)形式

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



收縮
  • 微信客服
  • 微信二維碼

  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板： 武汉市| 涿鹿县| 梅河口市| 万宁市| 玛多县| 吐鲁番市| 西华县| 河津市| 铜山县| 汉阴县| 霍林郭勒市| 通江县| 威宁| 鄱阳县| 南陵县| 云梦县| 天等县| 岢岚县| 莎车县| 申扎县| 宁城县| 怀来县| 霸州市| 弋阳县| 五大连池市| 深圳市| 罗平县| 丹寨县| 定州市| 汶川县| 丰镇市| 自贡市| 密山市| 黄冈市| 青冈县| 新竹市| 巴中市| 北安市| 商城县| 韶山市| 罗山县|