移动端字体单位font-size选择px还是rem代码,Css代码库,德仔网

代码语言

代码分类

【Css】移动端字体单位font-size选择px还是rem

作者:PeunZhang / 发布于2015/3/11/ 324

对于只需要适配手机设备，使用px即可

对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备


	html {font-size:10px}

	@media screen and (min-width:480px) and (max-width:639px) {
	 html {
	 font-size: 15px
	 }
	}

	@media screen and (min-width:640px) and (max-width:719px) {
	 html {
	 font-size: 20px
	 }
	}

	@media screen and (min-width:720px) and (max-width:749px) {
	 html {
	 font-size: 22.5px
	 }
	}

	@media screen and (min-width:750px) and (max-width:799px) {
	 html {
	 font-size: 23.5px
	 }
	}

	@media screen and (min-width:800px) and (max-width:959px) {
	 html {
	 font-size: 25px
	 }
	}

	@media screen and (min-width:960px) and (max-width:1079px) {
	 html {
	 font-size: 30px
	 }
	}

	@media screen and (min-width:1080px) {
	 html {
	 font-size: 32px
	 }
	}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　字体单位　

同语言下

可能有用的

PeunZhang贡献的其它代码(12)