media-queries 相关问题

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

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

我在使用开发工具进行媒体查询时遇到问题。为什么如果我选择移动设备,我的网站(宽度 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

CSS 确定活动媒体查询

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

回答 5 投票 0

小屏CSS媒体查询覆盖大屏媒体查询

在此输入图像描述 正如您在图片中看到的,我已经为宽度为 768px 的屏幕编写了查询,但我为宽度为 375px 的设备编写的查询正在应用。 输入...

回答 1 投票 0

带有网格或弹性框的响应式输入+按钮(无媒体查询)

我在使用 Flexbox 或网格布局进行一些 CSS 分发时遇到了麻烦,事情是这样的: 我有一个具有下一个配置的容器(75% 输入,25% 按钮): 这种性格应该是...

回答 1 投票 0

如何使用 CSS @Media Query 打印一些横向内容和一些纵向内容?

我在我的React项目中创建了一个报告表,只是一个包含这么多数据的详细报告,所以这个报告有很多表格,需要以硬拷贝的形式打印这个报告表。现在我...

回答 1 投票 0

有没有办法让两个div元素充当一个元素?

所以,我的问题是我正在尝试使该网页具有响应能力。为此,我必须同时缩小两个 div 元素,而不能让一个元素位于另一个元素之上,这与它正在做的相反......

回答 1 投票 0

如何在打印媒体时显示div,其他时间隐藏?

我想用它来仅打印#section-to-print: @媒体打印{ 身体 * { 可见性:隐藏; } #要打印的部分,#要打印的部分 * { 可见性:可见; ...

回答 1 投票 0

针对目标移动设备(第一)、平板电脑和桌面设备的特定媒体查询

我正在构建一个响应式布局,默认情况下首先从移动设备(1 列)开始,然后在横向和纵向模式下为平板电脑设置断点,最后是桌面。 对于我的平板电脑(1 列)

回答 3 投票 0

无网格系统的响应式网页设计

我正在做一个关于响应式网页设计(RWD)的项目。 像 Bootstrap 或 Foundation 或 960 这样的框架使用网格系统作为基本布局。 我专门在寻找解决方案(框架)......

回答 2 投票 0

水平滚动轮播中的第一个子元素的大小为 0x0(宽度和高度)

我一直在开发一个简单的产品页面来练习和更好地理解关键概念。 但是,我在媒体查询中遇到了 .carousel 网格的问题。第一个元素渲染...

回答 1 投票 0

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