为了账号安全,请及时绑定邮箱和手机立即绑定

我想做个手机html页面,这个手机有720p的,1080p的,2160p的,这些宽度都怎么解决的呢?

我想做个手机html页面,这个手机有720p的,1080p的,2160p的,这些宽度都怎么解决的呢?

慕森卡 2019-05-25 16:54:11
第一次做手机页面,手机html的源文件也不知道怎么去看,问问大家手机的源文件都怎么看的呢,还有就是这个720p1080p的手机看到的html页面是一个页面,还是不同页面,要是不同页面,他是怎么判断的呢?
查看完整描述

2 回答

?
HUH函数

TA贡献1836条经验 获得超4个赞

手机端的页面不在于手机屏幕分辨率,而是在手机屏
幕的尺寸,你上面描述的720配合1080p都是指手机的分辨率吧,你也可以叫他物理分辨率!
想知道物理分辨率的话,window.screen.width*window.devicePixelRatio,然后就可以判断在不同分辨率下显示不同的页面。
屏幕适配嘛,就是用rem作为单位,使用弹性盒模型!
你这里应该就是想做有个手机的HTML页面的话,就和720P,1080P,没什么关系,你要考虑的是手机的屏幕宽度,就是在不同屏幕大小的手机上正常显示,而不是物理分辨率。
现在常用的解决手机端屏幕适配的方法就是rem作为单位,rem的用法社区有很多的讲解,我这一时也说不清楚。rem建议js动态设置,不要写死!
手机端页面自适应解决方案—rem布局进阶版
弹性盒模型链接
                            
查看完整回答
反对 回复 2019-05-25
  • 2 回答
  • 0 关注
  • 809 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信