用@media适配不同尺寸的手机代码,Css代码库,德仔网

代码语言

代码分类

【Css】用@media适配不同尺寸的手机

作者:金荣 / 发布于2015/5/13/ 603


	@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */}
	@media only screen and (max-device-width :480px){ }
	@media only screen and (min-device-width :481px){ }

	/*6*/
	@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ }

	/*6+*/
	@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ }

	/*魅族*/
	@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

	/*mate7*/
	@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }

	/*4 4s*/
	@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ }

评论列表

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

试试其它关键字

　media　

同语言下

可能有用的

金荣贡献的其它代码(7)