您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

@media屏幕和(最大宽度:1024像素)在CSS中是什么意思?

@media屏幕和(最大宽度:1024像素)在CSS中是什么意思?

那是媒体查询。除非浏览器通过其中包含的测试,否则它将阻止运行其中的CSS。

此媒体查询中的测试是:

@media screen—浏览器将自己标识为“屏幕”类别。这大致意味着浏览器认为自己是台式机类,而不是例如 较旧的 手机浏览器(请注意,iPhone和其他智能手机浏览器 确实 将自己标识为屏幕类别)或屏幕阅读器,并且该浏览器正在显示屏幕上的页面,而不是打印页面

max-width: 1024px—浏览器窗口(包括滚动条)的宽度为1024像素或更小。(CSS像素,而不是设备像素。)

第二项测试表明,此举旨在将CSS限制为iPad,iPhone和类似设备(因为某些旧版浏览器不支持max- width媒体查询,并且许多台式机浏览器的运行宽度超过1024像素)。

但是,它也将应用于支持max-width媒体查询的浏览器中宽度小于1024像素的桌面浏览器窗口。

CSS 2022/1/1 18:23:04 有389人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶