针对iphone5s及更小屏幕的媒体查询不起作用，max-width="359px",不起作用

Question

@media screen and (max-width:359px){
	.ljToubao-baodan .question{
		position:absolute;
	}
	.whiteSpace{
		display:none;
	}
}
@media screen and (max-height:520px){
	
	.ljBuy .modal-header{
		 padding:0.7rem;
	}
	.ljBuy .nextStep,.correctChoose{
		padding-top:0.5rem;
		padding-bottom:0.5rem;
	}
	
}

用了以上的媒体查询，但打包到iphone5s手机上，发现没有响应。烦请问下什么原因？

重点针对ihpne5s进行媒体查询的高宽应该写多少呢？

Answer 1

把两个样式换个位置，根据不同屏幕大小进行调整，使用max-width时，大的数值要写在前面，小的数值写在后面。使用min-width时，大的数值写在后面，小的写在前面。@media screen and (max-height:520px){           .ljBuy .modal-header{          padding:0.7rem;     }     .ljBuy .nextStep,.correctChoose{         padding-top:0.5rem;         padding-bottom:0.5rem;     }       } @media screen and (max-width:359px){     .ljToubao-baodan .question{         position:absolute;     }     .whiteSpace{         display:none;     } }

Answer 2

用电脑上浏览器调试一下，看看类有没写错吧