欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

移动端屏幕尺寸

程序员文章站 2024-03-16 23:14:16
...
/*智能手机*/
@media screen and (max-width:480px) {
	footer img {
		width: 20%;
	}
}
/*竖屏平板*/
@media screen and (max-width:768px) and (min-width:480px) {
	footer img {
		width: 15%;
	}
}
/*横屏平板*/
@media screen and (max-width:1024px) and (min-width:768px) {
	footer img {
		width: 10%;
	}
}
/*pc*/
@media screen and (min-width:1024px) {
	footer img {
		width: 6%;
	}
}
相关标签: 屏幕尺寸