针对iphone5s及更小屏幕的媒体查询不起作用,max-width="359px",不起作
|
@mediascreenand(max-width:359px){ .ljToubao-baodan.question{ position:absolute; } .whiteSpace{ display:none; }}@mediascreenand(max-height:520px){ .ljBuy.modal-header{ padding:0.7rem; } .ljBuy.nextStep,.correctChoose{ padding-top:0.5rem; padding-bottom:0.5rem; } }用了以上的媒体查询,但打包到iphone5s手机上,发现没有响应。烦请问下什么原因?重点针对ihpne5s进行媒体查询的高宽应该写多少呢? |
免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。
版权声明:作者保留权利,不代表本站立场。
|
|
|
|
|
|
|
把两个样式换个位置,根据不同屏幕大小进行调整,使用max-width时,大的数值要写在前面,小的数值写在后面。使用min-width时,大的数值写在后面,小的写在前面。
@mediascreenand(max-height:520px){.ljBuy.modal-header{padding:0.7rem;}.ljBuy.nextStep,.correctChoose{padding-top:0.5rem;padding-bottom:0.5rem;}}@mediascreenand(max-width:359px){.ljToubao-baodan.question{position:absolute;}.whiteSpace{display:none;}} |
|
|
|
|
|
|
|