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

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

div的100%是從其上一級div的寬高繼承來的，有一點很關(guān)鍵，就是要設(shè)置div100%顯示，必須設(shè)置其上一級div的寬度或高度，否則無效舉例說明父divdeman寬300高200，子divcc如果在這個條件下設(shè)置divcc的寬高都為100；lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當使用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長度給長度的時候都按照%的形式~就會實現(xiàn)自適應(yīng)縮放~根據(jù)瀏覽；HTML設(shè)置table寬度的方法1直接使用table標簽的width屬性，語法“。

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

html頁面寬度超出100%

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

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

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

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

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

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

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