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