頁面放大縮小代碼(頁面放大縮小樣式不變)
窗體上自帶此功能,如果樓主是想問窗體縮放時(shí)控件跟著改變大小可以考慮使用WPF。
用CSS3 @media 查詢 也叫“媒體查詢”語法aaawidth1200px 正常樣式 下面是分辨率最小為300px,最大分辨率為1024px的樣式 media screen and minwidth 300px and maxwidth1024px aaawidth375px 可以參考菜鳥教程CSS3 @media 查詢。
你可以使用CSS zoom屬性 例如body zoom 3moztransform scale3moztransformorigin 0 0 把整個(gè)body放大三倍,縮小同理,改成比1小的數(shù)字即可。
重新保存html代碼頁面,使用瀏覽器打開即可看到縮小圖標(biāo)效果如圖設(shè)置放大小圖標(biāo),放大小圖標(biāo) = 縮小小圖標(biāo)上的小圓圈里面多加一個(gè)豎線在這里還是使用到了css偽類after設(shè)置一條豎線如圖 css樣式代碼 magnifier iafter content #34#34 width 10pxheight 2px display inlin。
父級(jí)的div的width100%height固定值,如果設(shè)為positionrelative的話,子級(jí)的div用positionabsolute如果你怕因?yàn)槠聊坏拇笮《缓迷O(shè)置的寬高的話,建議你頂部導(dǎo)航和底部版權(quán)欄的盒子設(shè)為width100% 中間正文部分就用固定width,margin0 auto居中,中間的div全部居中就不會(huì)因?yàn)槠聊怀叽缬绊懱?/p>
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。