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

瀏覽器部分能夠顯示的最小字體未12px，當(dāng)移動(dòng)端頁面寬度為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%是從其上一級div的寬高繼承來的，有一點(diǎn)很關(guān)鍵，就是要設(shè)置div100%顯示，必須設(shè)置其上一級div的寬度或高度，否則無效舉例說明父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)在的主流，也可能是未來N年的主流公司企業(yè)HTML5自適應(yīng)網(wǎng)站模板可以用千博html5如何通過頁面長度來設(shè)置p長度給長度的時(shí)候都按照%的形式~就會(huì)實(shí)現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽；HTML設(shè)置table寬度的方法1直接使用table標(biāo)簽的width屬性，語法“。

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

html頁面寬度超出100%

style=#39width50%#39 這樣就會(huì)保持屏幕的50%的寬度如果有上級標(biāo)簽，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那圖片大小就是div寬度的50%，div沒有設(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)頁的中增加以上這句話，可以讓網(wǎng)頁的寬度自動(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)頁主要體現(xiàn)在倍率上，還有HTML5兼容問題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)圖片沒有變化，顯示不全 04。

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