浩晨众云网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
场景:为适应各种大小的屏幕
自适应布局我知道的两种方式
1.使用媒体查询,下面制定了几种适应方式,例如第一个表示屏幕宽度在320px-360px之间的,html字体大小适配为13.65px
2.响应式,获取到屏幕的宽度,计算出一定的比例大小,使用rem代替px,在使用的时候如 font-size:1rem,在不同屏幕大小的手机上展示的大小效果是不一样的,和手机屏幕的大小比例自适应
推荐教程 :《HTML》
当前文章:HTML5移动端自适应布局
标题URL:http://cdjierui.cn/article/cjsgcs.html