快捷导航

针对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进行媒体查询的高宽应该写多少呢?

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员2

把两个样式换个位置,根据不同屏幕大小进行调整,使用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;}}
回复

使用道具 举报

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

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属: 注册会员
  • 认证信息: 邮箱认证手机认证
  • 微信访问
  • 手机APP