圖片自適應(yīng)屏幕大小顯示主要是利用百分比來(lái)控制，切忌給圖片寬度一個(gè)固定值如下代碼html代碼pimg src=quot圖片地址quotalt=quotquotp此時(shí)的css可以寫成imgboximgwidth100%這樣，圖片的大小就會(huì)根據(jù)其父級(jí)容器的大小而變化，圖片的寬度只設(shè)置百分比，這樣可以根據(jù)瀏覽器窗口的大小變化而隨時(shí)調(diào)整。

以 43 為例， 想要DIV按照這個(gè)寬高比，在網(wǎng)頁(yè)中隨著橫向的伸縮，在縱向上等比伸縮， 用一個(gè)外圍DIV來(lái)包裹它，且將這個(gè)外圍DIV稱之為Wrapper， Wrapper 的CSS樣式如下這個(gè)Wrapper的寬高比就是 43 ， 其中的奧妙就在于 paddingbottom75% ， paddingbottom 是相對(duì)寬度的也就是整個(gè)Wrapper的高度。

CSS設(shè)置div邊框顏色寬度和高度步驟如下1新建一個(gè)html文件，創(chuàng)建一個(gè)類名為wrap的div2先通過(guò)css類選擇器選擇到div來(lái)控制div的寬度和高度和背景顏色沒(méi)有邊框時(shí)方便看出來(lái)div的大小3通過(guò)div 的border屬性控制邊框顏色，設(shè)置border的寬度為2px，線型為實(shí)線，顏色為藍(lán)色4這樣就可以設(shè)置。

在表格要限制大小的單元格內(nèi)先加ltdiv標(biāo)記，而要放入lttd的所有內(nèi)容，則放入ltdiv之中然后用樣式限制ltdiv的大小即可例如lthtml lthead ltmeta。

設(shè)置DIV的大小實(shí)現(xiàn)隱藏 將div的寬度和高度設(shè)置為零，也可以達(dá)到隱藏的效果*示例* div width0pxheight0pxoverflowhidden*規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)隱藏防止div大小設(shè)置為零，里面的文本卻還是顯示* html顯示隱藏divdiv的visibility可以控制div的顯示和隱藏，但是隱藏后頁(yè)面顯示空白1。

在css設(shè)置可改變大小的div滾動(dòng)條樣式方法1首先新建html文檔，進(jìn)入代碼書寫界面2在lthead和ltbody的里面寫入代碼，在ltdiv里面寫入想要輸入的內(nèi)容ltdiv3書寫外層軌道css代碼bodywebkitscrollbar width20px height2px background#ccc borderradius10px*外層軌道*。

1首先如圖所示的web結(jié)構(gòu)即一個(gè)html和css即可實(shí)現(xiàn)2打開(kāi)html頁(yè)面 定義一個(gè)大的div和兩個(gè)小div 如圖所示3最常用的float浮動(dòng)，只要兩個(gè)小div的寬度小于等于大div的寬度，即可實(shí)現(xiàn)并排了4使用position進(jìn)行絕對(duì)定位，然后使用marginleft除去第一個(gè)小div的寬度即可5使用table盒子實(shí)現(xiàn)div并排。

應(yīng)該在第一行寫一個(gè)div包含div1和div2，在這個(gè)大div的結(jié)尾標(biāo)簽之前寫一個(gè)div屬性是清除所有浮動(dòng)因?yàn)楦?dòng)貌似會(huì)影響自適應(yīng)的，另外div的高度盡量都用auto。

1首先，先在代碼中輸入positionfixed top 0 left 0這樣的作用是讓整個(gè)圖片固定在屏幕上2之后，再把背景圖片的大小自動(dòng)適應(yīng)DIV大小，當(dāng)圖片自動(dòng)適應(yīng)時(shí)，既可以就進(jìn)行縮放3輸入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使圖片隨屏幕大小同步。