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

移动端不用框架,直接用百分比可以适配吗

移动端不用框架,直接用百分比可以适配吗

慕粉1474805786 2016-11-28 21:41:25
查看完整描述

2 回答

已采纳
?
ChinaCJM

TA贡献44条经验 获得超84个赞

移动端建议根据不同屏幕大小进行处理。可以在css中添加以下参数进行屏幕适配

@media screen and (max-width:640px){html{font-size:100px;}}
@media screen and (max-width:580px){html{font-size:90px;}}
@media screen and (max-width:540px){html{font-size:84px;}}
@media screen and (max-width:480px){html{font-size:75px;}}
@media screen and (max-width:428px){html{font-size:62px;}}
@media screen and (max-width:375px){html{font-size:58px;}}
@media screen and (max-width:360px){html{font-size:56px;}}
@media screen and (max-width:320px){html{font-size:50px;}}
body{ font-size:0.25rem; }

然后长度一般使用rem。以上数据根据实际情况进行更改。

查看完整回答
2 反对 回复 2016-11-29
?
李晓健

TA贡献1036条经验 获得超461个赞

可以的。一般都是百分比配合 rem或em作为长度单位来处理的。也可以使用 flex布局,也可以这几者结合。

查看完整回答
反对 回复 2016-11-29
  • 2 回答
  • 1 关注
  • 2144 浏览

添加回答

举报

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