media-queries 相关问题

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

HTML ImageSlider 媒体查询适配

嘿,我做了一个媒体查询: 现在我想更改媒体查询的“@keyframes slide”代码(对于 600px 或更小的设备)但它不适用于我的媒体查询谁能告诉我如何...

回答 0 投票 0

为什么我的应用程序仅在移动浏览器上的每个文本下方都有边距?

我正在使用 HTML、CSS 和 Javascript 开发应用程序。 问题是我看到我的应用程序中每个文本下面的小空间,如边距,只出现在手机浏览器或......

回答 0 投票 0

使居中的容器 div 适合移动设备?

有问题的居中 div: #容器 { 位置:绝对;顶部:50%;左:50%; 变换:翻译(-50%,-50%); 高度:550px; 宽度:850px; 背景:rgba(28,28,54,0.70); p...

回答 1 投票 0

如何使用网格创建响应式三列布局,并在特定断点上将第三列跨越两行?

我有一个三列布局,使用 CSS Grid 和 minmax() 使其响应。 在视口为一定宽度的某些断点处,第三列被下推到下一行 所以我想...

回答 1 投票 0

媒体查询不适用于 flex-direction

在这里设计网页的新手。我试图使类中的 div 从 flex-direction: column 到 flex direction: row 当它达到 650px 时,但它不能被媒体查询覆盖....

回答 1 投票 0

为什么媒体查询根本不起作用?

基本上无论我尝试使用媒体查询、最大/最小宽度、屏幕/所有,无论我编辑页脚背景或任何其他背景或颜色或显示非,它都不起作用! 我确实添加了元视口...

回答 0 投票 0

媒体查询在 iframe 中不起作用

我有一个响应式网页。它使用媒体查询。 但是在 iframe 中加载的同一页面无法正常工作。 例如,考虑到我的网页,我将背景颜色设置为...

回答 5 投票 0

html 上的媒体查询

有没有办法在 html 上使用媒体查询?我需要在我的页面上放置一个像横幅一样的图像,当屏幕小于 768px 时它显示一个较小的图像但是当屏幕增长到 m...

回答 4 投票 0

media-queries problem buildind portfolio-website

大家好我是网络开发的新手,我正在尝试建立我的投资组合网站作为培训项目,我在桌面模式下构建它,当我开始使用媒体查询来响应时,我发现...

回答 3 投票 0

如何使用 CSS 仅在移动设备上显示文本?

我有一个文本(在 div 中)显示在桌面和移动屏幕上。 预期的 我希望文本仅显示在@media only 屏幕上并且(最大宽度:768px) 如何 使用 display:none 或隐藏 div 是

回答 2 投票 0

如何针对不同的视口尺寸将下拉内容与其按钮对齐?

我不断更改下拉内容的位置,以便它们可以与按钮对齐,但我需要让它们粘在一起,以便在不同的视口上,我不必更改它们的位置...

回答 1 投票 0

CSS 在放大时禁用最大宽度

我想让图像宽度与任何设备的视口宽度相同,但是,如果有人放大或缩小,它应该缩小或增大 我试过设置 html 元素字体大小然后设置...

回答 1 投票 0

我添加了一个按钮,但由于某种原因,媒体查询对其不起作用

出于某种原因媒体查询不适用,它适用于任何其他类,我只有这个有问题 我试过了,只删除了屏幕等。没有一个工作 常量 showImageButton =

回答 2 投票 0

在 Angular 中使用@media print 不起作用

我正在尝试使用 Angular (5+) 创建可打印页面,但是我在样式方面遇到了问题。 我要打印的内容在一个组件内,并且样式正在与文件一起发送

回答 2 投票 0

我的网站在移动设备上缩小到 500 像素以下

当屏幕尺寸低于 500 像素时,网站会缩小,整个网站都没有我的导航栏和徽标 这是第一张图片 这就是它在 500 像素以下时的样子 这是带有

回答 1 投票 0

CSS 中的媒体查询不重新调整最大值和最小值

在此处输入图片描述最近我正在学习在 CSS 中使用“媒体查询”,但是,我的代码无法正常工作,显然没有重新确定“Max-widht”的命令以及 &q ...

回答 1 投票 0

如何在媒体查询中修改之前/之后的宽度

我在下面有这段代码,用 Sass 在文本前后创建行。我想用媒体查询修改宽度。看来我的代码不起作用,但我不知道该怎么做....

回答 1 投票 0

基于 Bootstrap 的 Moodle 主题中的媒体查询和页面宽度

我正在使用 LMS Moodle 4 和基于引导程序的主题提升 (github) 默认情况下,页面在所有屏幕上都很窄,我想对不同的屏幕尺寸使用引导程序方法(.con ...

回答 1 投票 0

CSS 多页无边距打印。这个微小的额外高度从何而来?

现场演示,对于凌乱的 CSS 感到抱歉,我一直在尝试很多东西。 我正在尝试使用浏览器打印对话框“打印”PDF 文件。每个文件在 DIN 语言中包含 4 页...

回答 0 投票 0

Node JS 应用程序中的 Tailwind CSS 媒体查询无法在移动设备上运行

我使用 EJS 模板和 Tailwind CSS 构建了以下 Node JS 应用程序。 直播链接:https://film-dash.onrender.com/catalog Github 媒体查询在桌面设备上运行良好。您可以调整 wi...

回答 1 投票 0

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