其他分享
首页 > 其他分享> > 不同分辨率下样式不一样解决办法

不同分辨率下样式不一样解决办法

作者:互联网

方法一:针对不同分辨率用户设置不同的css(不推荐)
即针对不同的分辨率,开发不同的css样式,在界面加载时,先判断用户屏幕分辨率,在应用相应的css。相比较,这种方法最复杂,而且如果系统面向大众,需要作很多不同的css

方法二:根据分辨率的宽度,计算当前屏幕的分辨率宽与设计图宽一个比例值
例如
设计图宽 1366
实际屏幕 1920 (获取屏幕宽度 :document.body.clientWidth)
比例值 1920/1366
设计图按钮左margin:20px
则:实际按钮左margin: 20px × 1920/1366

标签:解决办法,样式,分辨率,设计图,1920,1366,屏幕,css
来源: https://blog.csdn.net/weixin_45326146/article/details/122685256