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

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

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

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

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