例如，將頁(yè)面的縮放比例固定在150%，可以在CSS樣式表中添加以下代碼cssbody transform scaletransformorigin top left這段代碼會(huì)將頁(yè)面的所有內(nèi)容放大到150%，并確保頁(yè)面從左上角開(kāi)始縮放2 設(shè)置瀏覽器特定的屬性 不同的瀏覽器可能會(huì)以不同的方式處理頁(yè)面縮放，因此可以使用一些瀏覽器特定的；我有個(gè)方法，js我就不寫(xiě)了，說(shuō)下思路 zoom 來(lái)設(shè)置頁(yè)面的縮放，比如 bodyzoom08 就是以08的比例縮小頁(yè)面，var h = 獲得屏幕寬度 documentgetElementsByTagName#39body#39stylezoom=1920h我沒(méi)有試過(guò)，你自己試試看。

“自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”的核心，就是CSS3引入的Media Query模塊它的意思就是，自動(dòng)探測(cè)屏幕寬度，然后加載相應(yīng)的CSS文件同一個(gè)CSS文件中，也可以根據(jù)不同的屏幕分辨率，選擇應(yīng)用不同的CSS規(guī)則其次，除了布局和文本，”自適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)”還必須實(shí)現(xiàn)圖片的自動(dòng)縮放有條件的話，最好還是根據(jù)不同大小的屏幕；代碼lt！DOCTYPE html 懂點(diǎn)君 html， body position relativeheight 100% wrap width 200pxheight 200pxborder 1px solid #39fbackground urllogojpg norepeatbackgroundsize 100% 100% 效果；在網(wǎng)頁(yè)設(shè)計(jì)中，為了適應(yīng)不同屏幕分辨率，推薦使用百分比寬度進(jìn)行布局通過(guò)設(shè)置元素的寬度為百分比，可以確保頁(yè)面在各種設(shè)備上都能良好顯示，因?yàn)檫@樣可以讓內(nèi)容根據(jù)容器寬度自動(dòng)縮放具體來(lái)說(shuō)，可以使用CSS中的百分比單位，如width 50%，將元素寬度設(shè)置為父容器寬度的50%，這樣在不同分辨率的屏幕上，元素；1避免此類(lèi)問(wèn)題我們可以在html頁(yè)面的代碼中，為html頁(yè)面增加一個(gè)背景，背景的寬度設(shè)置為100%，高度設(shè)置為自動(dòng)auto，系統(tǒng)就會(huì)自動(dòng)保持頁(yè)面的高寬比進(jìn)行縮放2在html頁(yè)面設(shè)置中，我們也可以直接設(shè)置保證頁(yè)面的高寬比，從而避免頁(yè)面內(nèi)容的拉伸變形，但是無(wú)法讓頁(yè)面完全無(wú)變化3頁(yè)面的縮放往往是瀏覽器的；viewport的屬性需要設(shè)置為“width=devicewidth， initialscale=1”，這樣的設(shè)置可以確保網(wǎng)頁(yè)能夠根據(jù)設(shè)備的屏幕大小進(jìn)行縮放，使得瀏覽體驗(yàn)更加舒適這樣設(shè)置后，網(wǎng)頁(yè)將會(huì)根據(jù)設(shè)備的寬度自動(dòng)調(diào)整布局，從而實(shí)現(xiàn)自適應(yīng)的效果將上述標(biāo)簽加入到源代碼中之后，記得保存文件然后，使用手機(jī)瀏覽這個(gè)網(wǎng)頁(yè)，你將會(huì)看。

設(shè)置屏幕寬度為設(shè)備寬度，禁止用戶(hù)手動(dòng)調(diào)整縮放HTML代碼 設(shè)置屏幕密度為高頻，中頻，低頻自動(dòng)縮放，禁止用戶(hù)手動(dòng)調(diào)整縮放HTML代碼 注1 所有的縮放值都必須在001–10的范圍之內(nèi)2 minimumscalemaximumscale要么寫(xiě)值，要不留這兩個(gè) 2 不使用絕對(duì)寬度 由于網(wǎng)頁(yè)會(huì)根據(jù)屏幕寬度調(diào)整；平常上網(wǎng)中，有時(shí)會(huì)需要放大網(wǎng)頁(yè)來(lái)看得更清楚，有時(shí)需要縮小網(wǎng)頁(yè)來(lái)看得更多當(dāng)然我們經(jīng)常會(huì)無(wú)意中按錯(cuò)鍵，導(dǎo)致網(wǎng)頁(yè)放大或者縮小那么這些該如何操作呢那么下面就讓我?guī)Т蠹襾?lái)學(xué)習(xí)學(xué)習(xí)下用滑鼠實(shí)現(xiàn)網(wǎng)頁(yè)放大縮小 在選單欄中找到“檢視”，點(diǎn)選“檢視”在下拉選項(xiàng)中找到“網(wǎng)頁(yè)縮放”，選擇想要放大；這打開(kāi)的是CSS源代碼，當(dāng)然是居左顯示的，按Ctrl+鼠標(biāo)滾輪可以縮放。

1首先，在網(wǎng)頁(yè)代碼的頭部，加入一行viewport元標(biāo)簽viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網(wǎng)頁(yè)初始大小占屏幕面積的100%所有主流瀏覽器都支持這個(gè)設(shè)置，包括IE9，對(duì)于那些老式瀏覽器主要是；1用css來(lái)實(shí)現(xiàn)IE7以上瀏覽器的圖片縮略效果divimg maxwidth50px maxheight50px *htmldivimgwidthexpressionthiswidth50thiswidththisheight？50auto heightexpresionthisheight50？50auto 說(shuō)明 這段代碼是把圖片等比例縮小為50px * 50px，可以根據(jù)網(wǎng)。

body寬度和高度不要設(shè)置為絕對(duì)值，設(shè)置為100%就可以了；2代碼說(shuō)明*一個(gè)值這個(gè)值指定圖片寬度，第二個(gè)值為auto* backgroundsizeauto backgroundsize50 backgroundsize3em backgroundsize12px *兩個(gè)值第一個(gè)值指定圖片的寬度，第二個(gè)值指定圖片的高度* backgroundsize50%auto backgroundsize3em25 backgroundsizeauto6px back；然后你只需要對(duì)其他部分所處的層進(jìn)行縮放處理，導(dǎo)航欄不動(dòng)，這樣就實(shí)現(xiàn)你的目的了比如這是頂部導(dǎo)航欄 這是其他主體部分 然后js代碼就可以這樣quotdivbodyquotcssquottransformquotquotscale08quot，quottransformoriginquotquot50% 0quot。