愿所有的美好和期待都能如约而至

媒体对MacBook Pro 15的查询

发布时间:  来源:互联网  作者:匿名  标签:css error media Query for macbook pro 15" exception IT资讯 media-quer  热度:37.5℃

本文介绍了媒体对MacBook Pro 15的查询的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试应用Laptop 15″及更小的媒体查询,但没有成功。

以下是我的媒体查询:

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { }

和:

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2)  and (min-resolution: 192dpi) { }

我用的是13英寸MacBook Pro,而不是15英寸。

如有任何帮助,将不胜感激。

谢谢

推荐答案

可能是min-device-width有问题,因为它应该只能在移动设备(平板电脑、智能手机)上运行:

最小设备宽度

尝试使用这些(不使用-device-),以便可以在计算机的浏览器上测试它。

最小宽度或最大宽度

桌面样式

@media screen and (min-width: 1025px) and (max-width: 1280px) {

   /* Styles for Desktops */
 }

还添加内部标记

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

这篇关于媒体对MacBook Pro 15的查询的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,

勇敢去编程!

勇敢的热爱编程,未来的你一定会大放异彩,未来的生活一定会因编程更好!

TOP