首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
适配
订阅
Clara
更多收藏集
微信扫码分享
微信
新浪微博
QQ
2篇文章 · 0订阅
前端页面在PC端不同分辨率屏幕的适配----比例缩放
通常UI提供PC端项目的设计稿尺寸都是1920*1080(16:9)的,但是电脑显示屏的分辨率是不固定的,所以按照这个固定像素做出来的前端页面在不同的显示屏上可能会出现页面显示不全或者是页面无法充满屏
前端适配:移动端/web端适配方案
这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小,也就是device-width。 在scale为1的情况下,device-width = 设备的物理分辨率/devicePixelRatio 。