是否存在一个指令，对于整个网页能够依据浏览者使用的屏幕大小按比例的缩放？

1. 上下居中方案还是有多种的。对于单行文字，设置line-height和height相等即可。对于小的div，可以通过定位后设置top:50%，再设置margin-top（或者transform：translateY）：负的小div高度一半。另外，为什么垂直居中margin：auto没效果呢？因为水平不设置宽度的话，默认会填满，而垂直不设置也不会填满容器。可以通过这样设置，实现margin：auto垂直居中。 <style> .box1{ width: 300px; height: 300px; background-color: red; position: relative; } .box2{ width: 100px; height: 100px; background-color: blue; position: absolute; top:0; bottom: 0; left:0; right:0; margin:auto; </style> </head> <body> <div class="box1"> <div class="box2"> aa </div> </div> </body>2. 对于水平居中方法可以同上。left：50%后再向左移动div50%。1/3, left：33.3%。1/4，left：25%。3. 最好的方式是用flex布局，就是目前兼容性较差。对父容器设置display：flex; justify-content:center; align-items:center; 可以轻松实现水平垂直居中。4. 通过百分比而不是px写页面，可以在不同分辨率下自动变化，但是小屏幕时会看不清。浮动元素或者inline-block元素，当容器宽度不足时，会自动换行。移动设备有一个视口的概念。它会按照900px宽度布局，再根据屏幕宽度进行缩放。但这样实现的效果同样不好。一般是针对移动设备专门写移动页面。或是响应式设计，综合利用媒体查询、百分比和流式布局，在不同分辨率下实现不同的效果。

是否存在一个指令，对于整个网页能够依据浏览者使用的屏幕大小按比例的缩放？

2回答