媒体查询 问答列表

在移动设备或 iPad 上将方向从纵向切换到横向时,网站两侧会出现空白

作者:NTM17 提问时间:10/23/2023

因此,在移动设备上切换方向时(最大宽度为 540px)时,我遇到了空白问题。 当我的手机方向为纵向视图时,该网站看起来不错,但是当我翻转到横向时,两侧都有空白(见屏幕截图)。 我尝试使用媒体查询在方向...

使用媒体查询后,如何使背景图像显示在代码的移动版本中?

作者:Adebimpe Abdulhamid Eniola 提问时间:10/21/2023

我是学习HTML和CSS的初学者。我目前正在做一个项目,我正在使用媒体查询。我首先设计了桌面版本,因为这对我来说看起来更容易。那么为什么要设计移动版,我不明白为什么移动版不显示背景图片(而且拍打背景图...

为什么我的媒体查询将元素从其容器中取出?

作者:No Body 提问时间:8/30/2020

您好社区:我现在正在学习 GridSystems。我根据屏幕尺寸进行了 2 个媒体查询:第一个是 768px,第二个是 480px。但是当我调整屏幕尺寸时,元素会从容器中出来。为什么?我已经应用了cl...

使用媒体查询的内容超出了 Flexbox 限制!有什么解决方案吗?

作者:hrrgauss 提问时间:10/20/2023

就像标题所说,我正在使用的 flexbox 中的内容超出了使用媒体查询时的限制。 让我向你解释一下: 我正在设计一些响应式内容块作为练习,当最大屏幕宽度为 850px 时,它们从并排变为彼此重叠。...

协助调整桌面版与移动版的 CSS 字体。(不含@media)

作者:DFShowdown 提问时间:10/19/2023

字体问题。 首先,我想说我在这方面不是很有经验,我已经搞砸了我的CSS文件几天了,它变得很累。我已经重新排列了我的容器以适合一条垂直线。我想我把它带到了我想要的地方。我在整个 CSS 中有不同的字体...

CSS最后一个媒体查询优先于其他人如何修复

作者:user22762966 提问时间:10/18/2023

我正在尝试在较小的屏幕上使导航栏菜单按钮居中(更改边距)。尽管如此,每次我进行另一个媒体查询时,之前的媒体查询都不再起作用。 有没有人知道如何在不撤消之前的媒体查询的情况下添加媒体查询,或者有谁知道我...

CSS 媒体查询相互叠加

作者:Ryan Doe 提问时间:10/18/2023

我正在尝试在较小的屏幕上使导航栏菜单按钮居中(更改边距)。尽管如此,每次我进行另一个媒体查询时,之前的媒体查询都不再起作用。 有没有人知道如何在不“破坏”之前的情况下添加媒体查询,或者有谁知道我的问题...

HTML 电子邮件 - 基于设备的文本响应

作者:Nate 提问时间:10/10/2023

我有一个电子邮件模板,效果很好,但我正在寻求增强它。 目前,电子邮件顶部的导航有 4 列文本。为了使其在桌面和移动设备上看起来都不错,字体需要为 13 号。这样可以防止移动设备上出现任何奇怪的换行符,...

如何启用 Puppeteer 生成正确反映屏幕@media查询的 PDF

作者:Ivan Gusev 提问时间:9/29/2023

屏幕媒体查询未在生成的 PDF 文件中正确应用。 Chrome 在处理屏幕@media查询时似乎忽略(或以某种方式不匹配)提供的页面宽度。 Puppeteer 版本 21.1.1 这是我尝试过的: ...

CSS margin-top-bottom不起作用 iphone safari 浏览器

作者:Mert Araz 提问时间:7/27/2023

在 iPhone Safari 浏览器上,“home-sci”类中的元素看起来失真,而在 Chrome 工具栏上看起来不错。当我将项目部署到实时取景时,我在 iPhone 设备上遇到了问题。如何解决此...


共22条 当前第2页