方法一:针对不同分辨率用户设置不同的css(不推荐)
即针对不同的分辨率,开发不同的css样式,在界面加载时,先判断用户屏幕分辨率,在应用相应的css。相比较,这种方法最复杂,而且如果系统面向大众,需要作很多不同的css
方法二:根据分辨率的宽度,计算当前屏幕的分辨率宽与设计图宽一个比例值
例如
设计图宽 1366
实际屏幕 1920 (获取屏幕宽度 :document.body.clientWidth)
比例值 1920/1366
设计图按钮左margin:20px
则:实际按钮左margin: 20px × 1920/1366