css实现HTML整体进行缩放

html-css027

css实现HTML整体进行缩放,第1张

body {

zoom: 3

-moz-transform: scale(3)

-moz-transform-origin: 0 0

}

把整个body放大三倍,缩小同理,改成比1小的数字即可

@media

screen

这个可以让你在不同的分辨率下显示不同的样式

举例

1234

.abc{width:1200pxmargin:0

auto}@media

screen

and

(max-width:1200px){.abc{width:100%}}

上面的代码，abc盒子的宽度是1200px，但是有时候浏览我们网页客户浏览器只有1024像素，所以我们设置@media

screen，当浏览器max-width:1200px，最大宽度小于1200px时候，执行.abc{width:100%}，这个时候abc盒子的宽度就是1024像素