我想进行媒体查询以仅针对我的手机。我将使用哪些断点?
例如,我的身体最大宽度为800px,边距为2px。当窗口小于800px(移动设备?)时,我希望其上的边距为0px(在我的浏览器上有效)。原来我的手机屏幕是高分辨率的,因此显示器的宽度永远不会低于800像素!
这是因为像素比率吗?
我该怎么办?
找到了解决方案:https : //stackoverflow.com/a/18500871/5906166
您需要在标头中添加以下内容:
<meta name="viewport" content="width=device-width, initial-scale=1">
说明:
幸运的是,您可以在
<head>
文档的部分中指定视口元标记,以控制浏览器视口的宽度和缩放比例。如果此标签的内容值为width = device-width,则屏幕的宽度将与设备无关的像素匹配,并确保所有不同的设备均应缩放并始终如一地运行。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句