常见的解决方案有:
1、zoom
zoom的字面意思是“变焦”,可以改变页面上元素的尺寸,属于真实尺寸
其支持的类型有:
zoom:50%,表示缩小到原来的一半
zoom:0.5,表示缩小到原来的一半
2、-webkit-transform:scale()
针对chrome浏览器,加webkit前缀,用transform:scale()这个属性进行放缩
3、-webkit-text-size-adjust:none
该属性用来设定文字大小是否根据设备(浏览器)来自动调整显示大小