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

问题描述

问 题

第一次做手机页面,手机html的源文件也不知道怎么去看,
问问大家手机的源文件都怎么看的呢,还有就是 这个720p 1080p的手机看到的html页面是一个页面,
还是不同页面,要是不同页面,他是怎么判断的呢?

解决方案

手机端的页面不在于手机屏幕分辨率，而是在手机屏

幕的尺寸，你上面描述的720配合1080p都是指手机的分辨率吧，你也可以叫他物理分辨率！

想知道物理分辨率的话, window.screen.width * window.devicePixelRatio，然后就可以判断在不同分辨率下显示不同的页面。

屏幕适配嘛，就是用rem作为单位，使用弹性盒模型！

你这里应该就是想做有个手机的HTML页面的话，就和720P,1080P，没什么关系，你要考虑的是手机的屏幕宽度，就是在不同屏幕大小的手机上正常显示，而不是物理分辨率。

现在常用的解决手机端屏幕适配的方法就是rem作为单位，rem的用法社区有很多的讲解，我这一时也说不清楚。
rem建议js动态设置，不要写死！

手机端页面自适应解决方案—rem布局进阶版

弹性盒模型链接

这篇关于css - 我想做个手机html页面,这个手机有720p的,1080p的,2160p的,这些宽度都怎么解决的呢?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！