我想使用以下代码将页面缩放至 65%,但它在 iOS 版 Safari 上不起作用:
body {
zoom: 0.65;
}
所以我使用这个代码:
body {
-webkit-transform: scale(0.65, 0.65);
transform: scale(0.65, 0.65);
}
但是,它使页面出现在屏幕中间,每侧周围都有空白:
如何让页面占满整个屏幕?
将 CSS 更改为:
body {
-webkit-transform: scale(0.65, 0.65);
transform: scale(0.65, 0.65);
transform-origin: top left;
height: calc(100% / 0.65) !important;
width: calc(100% / 0.65) !important;
}
页面现在将以 65% 的缩放级别填满屏幕。