页面放大缩小代码(页面放大缩小样式不变)
窗体上自带此功能,如果楼主是想问窗体缩放时控件跟着改变大小可以考虑使用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全部居中就不会因为屏幕尺寸影响太。