- 采用transform: scale()的方式 ,该方法用来定义元素的2D 缩放转换:
css
transform: scale(0.5,0.5);
- 采用meta viewport的方式
javascript
<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只针对于移动端,只在移动端上才能看到效果