- 采用 meta viewport 的方式
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>
这样就就能缩放到原来的0.5倍,1px就会变成0.5px;
注意:viewport只针对移动端,在移动端上才能看到效果;
- 采用
transform: scale()
的方式
transform: scale(0.5, 0.5)
2023-10-12 12:50:04
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>
这样就就能缩放到原来的0.5倍,1px就会变成0.5px;
注意:viewport只针对移动端,在移动端上才能看到效果;
transform: scale()
的方式transform: scale(0.5, 0.5)