温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

meta:viewport, mobile端 @media不起作用

发布时间:2020-07-18 23:44:02 来源:网络 阅读:662 作者:xiaosawuhen 栏目:web开发

在chrome浏览器中进行mobile端模拟的时候,会出现@media不起作用的情况,这里需要进行移动端viewport的设定


原因:移动设备上的浏览器都会把自己默认的viewport设为980px或1024px



解决办法:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这种情况,会使用mobile端的真实比例进行排版


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI