在chrome浏览器中进行mobile端模拟的时候,会出现@media不起作用的情况,这里需要进行移动端viewport的设定
原因:移动设备上的浏览器都会把自己默认的viewport设为980px或1024px
解决办法:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这种情况,会使用mobile端的真实比例进行排版
2018-11-11 18:45:03
浏览 2346
在chrome浏览器中进行mobile端模拟的时候,会出现@media不起作用的情况,这里需要进行移动端viewport的设定
原因:移动设备上的浏览器都会把自己默认的viewport设为980px或1024px
解决办法:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这种情况,会使用mobile端的真实比例进行排版
随时随地看视频慕课网APP
相关课程