1、使用百分比會(huì)自動(dòng)根據(jù)瀏覽器大小進(jìn)行縮放比如winth100 如果不想讓頁(yè)面隨著瀏覽器大小而改變位置和大小，就用固定的像素值winth1024px；布局分塊沒分好你是把所有文字放在一個(gè)img標(biāo)簽后面了將所有文字放進(jìn)一個(gè)div中，然后再把這個(gè)div放再img后面就不會(huì)出現(xiàn)問題了；如果想要保持布局不變，可以給該元素如div設(shè)置最小寬度屬性在網(wǎng)頁(yè)中，如果一個(gè)元素沒有設(shè)置最小寬度minwidth，這時(shí)當(dāng)瀏覽器縮小到一定程度時(shí)，元素中的布局可能會(huì)發(fā)生變化設(shè)置代碼如下lthtml lthead lttit；父級(jí)的div的width100%height固定值，如果設(shè)為positionrelative的話，子級(jí)的div用positionabsolute如果你怕因?yàn)槠聊坏拇笮《缓迷O(shè)置的寬高的話，建議你頂部導(dǎo)航和底部版權(quán)欄的盒子設(shè)為width100% 中間正文部分；js實(shí)現(xiàn)p自適應(yīng)高度代碼如下html怎么將背景圖與瀏覽器大小自適應(yīng)圖片自適應(yīng)屏幕大小顯示主要是利用百分比來(lái)控制，切忌給圖片寬度一個(gè)固定值如下代碼html代碼pimg src=quot圖片地址quotalt=quotquotp此時(shí)的css可以寫成。

2、用一個(gè)div把divleft和divright包含起來(lái)，瀏覽器縮小的話就不會(huì)錯(cuò)位了第二個(gè)方法divright的css加上positionabsoluteleft120px 就可以了width10px 沒有任何意義，相當(dāng)于沒寫應(yīng)該是寫錯(cuò)了另外border；如果要支持IE8+，且不用CSS3的話，可以這么做，但是不支持opera瀏覽器 ltdiv id=quotbgquot ltimg src=quotimagesbgjpgquot alt=quotquotltdiv#bg position fixed top 50% left 50% width 200%；網(wǎng)站縮放產(chǎn)生是因?yàn)轫?yè)面寬度無(wú)法容納兩個(gè)元素產(chǎn)生布局被撐破了如下所示 方法ltdiv style=quotwidth1000px marginautooverflowhidden clearbothquot lt！overflow 屬性有必要存在，超出范圍隱藏 ltdiv style=quotw；網(wǎng)頁(yè)自適應(yīng)瀏覽器大小\x0d\x0a\x0d\x0a首先要在頭部，即標(biāo)簽內(nèi)寫自適應(yīng)代碼，如下\x0d\x0a\x0d\x0a其次，網(wǎng)頁(yè)內(nèi)部的元素寬度要使用百分比，在不同的屏幕大小下需使用媒體查詢定義不同的css代碼，例如\x；把div的寬度固定死，就可以了，不過(guò)一般不會(huì)那么做，電腦的分辨率不同，寬度固定死了，瀏覽效果不好 ltdiv align=quotcenterquot style=quotwidth100% minwidth1300px height800px background#999 paddingtop100px；可以通過(guò)響應(yīng)式布局來(lái)實(shí)現(xiàn)內(nèi)容隨著屏幕比例變化而變化，下面列出三個(gè)簡(jiǎn)單的響應(yīng)式方法例如使用flex布局flex布局的使用 或者把元素的大小改為百分比單位百分比單位的使用 又或者使用vh單位和vw單位，他們是基于顯示屏的長(zhǎng)寬比來(lái)。

3、onewidth80% fontsizeem設(shè)置自體的大小，em可以讓自體根據(jù)瀏覽器不同而更加優(yōu)與閱讀 twowidth20%fontsizeem 注通過(guò)這樣設(shè)置，就可能拉動(dòng)瀏覽器，盒模型的寬度就會(huì)隨著你的拉動(dòng)而變大縮小，但；因?yàn)槟阍O(shè)置的邊距是定死的，比如30px，解決辦法設(shè)置定位，邊距以半分比形式呈現(xiàn)，你可以試著在樣式里加上 position absolute left25。

4、設(shè)置完成后保存文件3打開瀏覽器，可以看到div并且可以觀察到進(jìn)度條是最上面的4接著將進(jìn)度條拉倒最下面，可以發(fā)現(xiàn)div還是在原來(lái)的位置保持不變以上就是用fixed屬性設(shè)置div固定位置的方法；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotlthtml xmlns=quotltheadltmeta；要使元素的位置隨著瀏覽器窗口的縮放大小比例變化，你可以使用 CSS 中的相對(duì)定位和百分比單位來(lái)實(shí)現(xiàn)以下是一種常見的方法HTMLCSSmydiv position relativetop 50%left 50%transform translate50%；ltdiv style=quotwidth100% textaligncenterquotltinput type=quottextquot value=quotText Boxquot style=quotwidth300pxquot ltdiv 實(shí)現(xiàn)Text Box左右居中， 隨頁(yè)面界面縮小或放大而一直居中方法 使用一個(gè)寬度100%的div， 讓。