media-queries 相关问题

媒体查询支持基于媒体类型(例如屏幕和打印)以及媒体功能(例如视口和设备高度和宽度)的条件应用CSS样式。它们是W3C CSS3规范的一部分。

通过 Chrome 扩展弹出窗口在父窗口上进行媒体查询

如何在父 Chrome 窗口的宽度上使用媒体查询?是否有可能在带有弹出 UI 的 Chrome 浏览器操作扩展中正确执行此操作? 现在,我的媒体查询起作用了...

回答 1 投票 0

CSS - Chrome 扩展弹出窗口中父窗口上的媒体查询

如何在父 Chrome 窗口的宽度上使用媒体查询?是否有可能在带有弹出 UI 的 Chrome 浏览器操作扩展中正确执行此操作? 现在,我的媒体查询起作用了...

回答 1 投票 0

CSS - Chrome 扩展弹出窗口中的媒体查询

如何正确地对 Chrome 窗口的宽度进行媒体查询?是否有可能在 Chrome 扩展程序中正确执行媒体查询? 现在,我的媒体查询作用于扩展的宽度......

回答 1 投票 0

为什么我在响应式页面中包装的网格组件没有关联到使用CSS的@media样式中定义的正确类

[github 存储库](https://github.com/PEG11690/coursera-mod2-solution/tree/main) [github页面](https://peg11690.github.io/coursera-mod2-solution/) 我正在参加入门课程并有一个

回答 1 投票 0

点击扩展图像和媒体查询,查询

首先,我遇到的媒体查询问题是缩放 Flexbox 中的图像以适合多个设备上的屏幕。 其次,我遇到一个问题,我的 Javascript onClick 模式最终是

回答 1 投票 0

样式表 HTML 定义中的 media="" 属性指的是什么?

我相信你们中有些人已经看过以下内容: 我相信你们中的一些人已经看过以下内容: <link rel="stylesheet" src="styles.css" media="screen,projection" /> <link rel="stylesheet" src="styles.css" media="print" /> 或者其他什么... 但是 media 属性实际上有什么作用呢?我创建了几个网站,但在链接样式表时从未使用过媒体属性。这是一个错误吗? w3可以最好地解释它。 媒体类型是关于使用什么媒体来查看页面。 如果有人打印页面,则使用 print 媒体 CSS。这在很多情况下都很有用 - 如果您的网站是黑底白字,则 print CSS 可以相反,这样就不会浪费墨水。 屏幕是您通常想到的 - 计算机屏幕,大多数人将如何看到该网站。 投影 - 如果您希望在投影网站时有更大的字体。 它定义样式表的媒体类型。或者如果您愿意的话,也可以应用给定的样式表。 如果您包含一个样式表,其媒体属性为“打印”;该样式表中的规则只会影响打印出来的页面。如果将媒体属性设置为“屏幕”;样式表中的规则不会影响页面的打印输出,但会影响在浏览器中查看时的页面。 如果定义媒体属性为“屏幕、打印”;样式表中的规则将影响页面的打印输出及其在浏览器中的外观。 这里是W3C(定义 CSS 标准的组织)文档的链接。 这些是媒体类型,允许您将样式表定位到特定媒体。 请参阅 http://www.w3.org/TR/CSS21/media.html。此功能已通过媒体查询进行了扩展:http://www.w3.org/TR/css3-mediaqueries/。

回答 3 投票 0

1024px宽度的屏幕和1024px宽度的平板电脑是冲突的

我正在使用 MediaQuery 创建响应式网站布局,如下所示,除了一个邪恶的问题外,一切都正常! core.css 默认应用于网站,它是样式...

回答 4 投票 0

在 Flutter 中声明 MediaQuery 大小对象的最佳方式是什么

导入'包:flutter/material.dart'; 类 Home 扩展 StatelessWidget { const Home({super.key}); @覆盖 小部件构建(BuildContext上下文){ 双屏幕宽度 = MediaQuery.sizeOf(

回答 1 投票 0

是否可以通过媒体查询更改 HTML 中 PDF 链接(href 标签)的 src?

我希望支持某人举办网络竞赛。他们希望在电子邮件中添加二维码,链接到网站上托管的 PDF。然而,他们希望托管两个版本的 PDF,...

回答 1 投票 0

媒体使用开发工具查询移动/桌面的不同可视化效果

我在使用开发工具进行媒体查询时遇到问题。为什么如果我选择移动设备,我的网站(宽度 1440 像素)会正确显示,而我选择桌面时,网站的显示会有所不同?有具体的吗

回答 1 投票 0

CSS 导航栏媒体查询-

我是一名设计师,现在担任网络开发人员(通过 YT 自学,哈哈) 为我的第一个客户开发导航栏,并努力使其在较小的设备上做出响应,这让我很头疼……

回答 0 投票 0

如何根据屏幕尺寸加载不同的CSS文件 - 仍然缺少好的答案

首先我知道这个问题以前被问过很多次,但每个答案都是错误的或过时的。 这是我的问题:我想根据设备宽度加载不同的 CSS 文件。这就是答案

回答 3 投票 0

如何让图片向下滑动

我想让导航栏中央的图像在页面宽度减小时向下滑动。 这是它在桌面上的样子: 而在智能手机上,导航...

回答 3 投票 0

如何通过媒体查询禁用网格?

我在使用媒体查询在较小的设备(最大宽度:600px)上禁用/删除网格时遇到一些问题。 我想要的是图片消失并且网格被禁用或打开......

回答 1 投票 0

如何防止更大的宽度范围应用于精确的媒体查询宽度?

我正在使用具有较大宽度范围的 CSS 媒体查询,但是当屏幕宽度与较小范围中的精确值匹配时,也会应用较大范围中的样式。 例如: @媒体...

回答 1 投票 0

媒体查询错误代码:{expectedcss(css-lcurlyexpected)

我遇到了有关媒体查询的错误代码。它针对预期的大括号提出了 3 个错误代码。特别是“@media”及其结尾“}”以及“

回答 1 投票 0

Chrome 不尊重视频源内联媒体查询

使用下面的内容,Chrome 不尊重媒体查询来根据设备宽度显示正确的视频源。 Chrome 正在播放它找到的第一个源,您可以在此处看到:http://

回答 7 投票 0

CSS max-width 的像素精度不准确

我对最大宽度媒体规则有疑问。我测试隐藏不同最大宽度值上的元素,但行为不一致。我测试了 4 种不同屏幕宽度的场景。 场景...

回答 2 投票 0

当我从一个媒体查询传递到另一个媒体查询时,我的垂直菜单会自动关闭。相反,我不会完全展示它

我正在实现一个汉堡菜单(代码中的菜单是本地文件,在代码片段中你不会看到它)并且它工作得很好。我正在使用 :checked 伪类和复选框输入元素来...

回答 2 投票 0

如何确定活动媒体查询?

在Javascript中,有没有一种直接的方法(不涉及解析CSS代码)来确定哪个媒体查询处于活动状态? 例如我有两个查询: @媒体屏幕和(最大宽度:800px) @媒体...

回答 5 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.