H5的尺寸一般設(shè)計(jì)為640x1136px 既滿足了顯示需求，又能降低用戶加載圖片需要的帶寬可以用各種分辨率的移動(dòng)智能手機(jī)查看我們?cè)O(shè)計(jì)的H5頁(yè)面時(shí)，當(dāng)然，也會(huì)出現(xiàn)如下的情況，內(nèi)容顯示不全，甚至一些重要內(nèi)容和按鈕都會(huì)被遮擋第一；然而并不能固定\r\n分辨率由顯示器決定只能通過(guò)CSS來(lái)決定頁(yè)面的寬度尺寸\r\n當(dāng)你用1024*768的顯示器時(shí)，你會(huì)發(fā)現(xiàn)頁(yè)面很大\r\n但你用1920*1080的顯示器時(shí)就會(huì)發(fā)現(xiàn)頁(yè)面變小了\r\n其實(shí)頁(yè)面的尺寸還是一樣的。

瀏覽器部分能夠顯示的最小字體未12px，當(dāng)移動(dòng)端頁(yè)面寬度為320px時(shí)，要保證最小字體為12px，那么在1080px的設(shè)計(jì)圖中，最小字體應(yīng)當(dāng)為42px代碼實(shí)例ltstyle type=quottextcssquot html fontsize 42px；這些瀏覽器會(huì)忽略用rem設(shè)定的字體大小下面就是一個(gè)例子p fontsize14px fontsize875rem 默認(rèn)html的fontsize是16px，即1rem=16px，如果某p寬度為32px你可以設(shè)為2rem。

div的100%是從其上一級(jí)div的寬高繼承來(lái)的，有一點(diǎn)很關(guān)鍵，就是要設(shè)置div100%顯示，必須設(shè)置其上一級(jí)div的寬度或高度，否則無(wú)效舉例說(shuō)明父divdeman寬300高200，子divcc如果在這個(gè)條件下設(shè)置divcc的寬高都為100；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and maxwidth449px。

目前有哪些大公司用HTML5做網(wǎng)站HTML5自適應(yīng)網(wǎng)站是現(xiàn)在的主流，也可能是未來(lái)N年的主流公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博html5如何通過(guò)頁(yè)面長(zhǎng)度來(lái)設(shè)置p長(zhǎng)度給長(zhǎng)度的時(shí)候都按照%的形式~就會(huì)實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽；HTML設(shè)置table寬度的方法1直接使用table標(biāo)簽的width屬性，語(yǔ)法“。

如果屏幕寬度在600像素到1300像素之間，則6張圖片分成兩行如果屏幕寬度在400像素到600像素之間，則導(dǎo)航欄移到網(wǎng)頁(yè)頭部如果屏幕寬度在400像素以下，則6張圖片分成三行mediaqueries上面有更多這樣的例子這里還有一個(gè)。

html頁(yè)面寬度超出100%

style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級(jí)標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒(méi)有設(shè)置寬度就會(huì)默認(rèn)是屏幕寬度，如果設(shè)置。

1首先打開html5編輯器，新建一個(gè)html文件，在里面寫入一個(gè)button按鈕，被button按鈕設(shè)置一個(gè)樣式，這里給它的class屬性設(shè)置為btn2在上方引入style標(biāo)簽，在里面設(shè)置btn類的樣式，這里設(shè)置寬度和高度使用width和height屬性就。

ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在網(wǎng)頁(yè)的中增加以上這句話，可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕的。

var ifr_width=$windowwidth*075 $quot#demoquotcss#39width#39，ifr_width $quot#demoquotcss#39height#39，ifr_width*075ltscript jQuery中獲取當(dāng)前窗口的寬度代碼是$windowwidth。

PC和mobile上是有區(qū)別的網(wǎng)頁(yè)主要體現(xiàn)在倍率上，還有HTML5兼容問(wèn)題iphone4s倍率是2x，即2倍iphone6倍率是2xiphone 6 plus 倍率是3x安桌上 hdpi倍率是15xxhdpi倍率是2xxxhdpi倍率是3x要想圖片在mobile上。

01 新建一個(gè)HTML文件，代碼如下圖 02 打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器 03 改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒(méi)有變化，顯示不全 04。

%，不是js設(shè)置，是css里面設(shè)置li的width 333333%li要float left浮動(dòng)后才能在一行，或者display inlineblock之類的。