堆栈内存溢出
cost 326 ms
如何使用 css 媒体查询移动 div？ - How to move divs using css media queries?

我在桌面屏幕上有一个页脚，看起来像这样： 但是在平板电脑上（宽度 <= 960px）我需要使用媒体查询创建这样的东西： 问题是，我不明白如何在不使用空 div 的情况下正确放置 div 这是我的桌面代码 jsx: 和 css： 尝试使用 但是 div 4 和 5 被移动到页面中间。 ...

为什么我的简单 HTML/CSS 媒体查询和子框位置不起作用？ - Why aren't my simple HTML/CSS Media Queries AND child box locations working?

好吧，我是学习 cs 语言的新手，我知道必须有一个简单的解决方案来解决我的错误，但我已经用了超过 24 小时，所以我认为是时候寻求帮助了：两者都不是以下两个目标正在使用我编写的代码： 目标 1：有 3 个包含一些文本的父框和一个将作为该部分标题的子框。 子框应齐平地位于父框的右上角。 （所有三个 ...

使图像和文本响应 - Make image and text responsive

嗨，我正在尝试使彼此相邻的图像和文本具有响应性，我正在尝试 position 页面中间的图像和当通过电话查看网站时位于图像下方的文本。 媒体查询是唯一的方法吗？ 另外我怎样才能使文本合理，而不是溢出 column2 div.content { width: 100vw; display: flex ...

视频背景主页不响应不同的屏幕分辨率。 CSS 媒体查询不工作 - Video background homepage not responsive to different screen resolutions. CSS media queries not working

我正在使用的网站的主页有一个带有文本叠加的视频背景，但它对不同的屏幕分辨率没有响应。 我试过使用 CSS 媒体查询，但它仍然不完美。 问题：我曾尝试使用 CSS 查询和视频，但在移动设备上没有响应，是的，它可以播放，但它没有覆盖屏幕的整个部分，我觉得这很奇怪。 下面是我的主页部分的html和CSS代 ...

如何在以下 CSS 代码中为 .img-fluid class 使用不同大小的图像作为背景图像？ - How can I use a different size of image for the background image for the .img-fluid class in the following CSS code?

问题是我试图在我的 CSS 代码中为背景图像使用不同大小的图像，但我不确定如何执行此操作。 我使用以下代码作为参考： 在给定的 CSS 代码中，class“img-fluid”用于设置卡片组件背景图像的样式。 目前的CSS使用固定背景图，代码如下：background-image: url('./ ...

!important CSS 在托管时应用 - !important CSS applied when hosted

我在我部署的网站上调试了一些 CSS。 对于上下文：这是我第一个部署的网站。 我所有的调试都是在本地使用 LiveServer 完成的，没有出现这些问题。 我的导航栏设计使用两种具有不同排序元素的导航，一种用于桌面，一种用于移动设备。 我使用样式#mobile-nav{ display: none; ...

顽固的基于服务器的 angular 应用视口格式错误 - stubborn server-based misformatting of viewport for angular app

我有一个 angular 项目，在本地主机上运行时看起来很棒。 但是，当构建相同的代码并将其上传到我的服务器时，视口会变得混乱，并显示页面的缩小版本。 重要说明：如果我在桌面上查看它并调整浏览器大小，它在所有尺寸上看起来都很棒。 但是，如果我 go 进入开发工具并使用移动大小的设备检查它，它看起来很 ...

CSS 命令未在媒体查询中运行 - CSS command not running in media query

我知道这可能已经重复了，但我在 inte.net 上尝试了很多解决方案，但仍然不起作用。 我有两张图片希望以不同的屏幕尺寸显示。 但是，较小屏幕（767px 及以下）的 CSS 命令图片似乎不起作用。 如果您能在这里帮助新手，我将不胜感激。 谢谢你。 @media only screen and ...

如何确定正在使用哪个电子邮件客户端？ - How to determine which e-mail client is being used?

我想看看是否有一种方法可以根据用户的电子邮件客户端自定义一个 HTML 电子邮件。 我想知道是否有一种可靠的方法可以使用某种类似于用户代理的方式来执行此操作，该用户代理会指示它正在 Gmail、Outlook 等中查看。那么是否有一种简单的方法来显示和隐藏一些 ID这将包含客户端特定的东西，有点像 ...

使用带有 viewheight 的媒体查询来修复页脚 - Using a media query with viewheight to fix footer

我正在尝试使用基本结构（页眉、主体和页脚）创建自己的网站，但是当没有足够的元素来填充屏幕高度时，页脚不会放在底部。 为了解决这个问题，我使用了这些行： 但是现在有足够的元素并且应该滚动，页脚仍然固定（很明显）所以我试图创建一个媒体查询来更改页脚的 css 当身体的高度大于 100vh - 它不起作用 ...

ReactJS - 打印 DOM 中的特定元素 - ReactJS - Print specific elements in the DOM

我在应用程序上使用ReactJS ，目前需要能够根据用户请求（单击按钮）从页面打印一些元素。 我选择使用CSS 媒体查询类型打印( @media print ) 来检查是否应打印元素，基于可能来自 class 或元素属性的选择器。 策略是隐藏除那些“可打印”元素之外的所有元素，样式表如下所示：@me ...

CSS 项目帮助。 当 window 比 600px 宽时，页面需要有一个 600px 的“表单”元素，并且 - CSS Help for a project. Page needs to have a 'form' element that is 600px when the window is wider than 600px and

CSS 项目帮助。 当 window 比 600px 宽时，页面需要有一个 600px 的 'form' 元素，当屏幕宽度小于 600px 时，它是屏幕的宽度。 它似乎在屏幕超过 600px 时有效，但当屏幕缩小到 600px 以下时，它不会保持屏幕宽度。 .card { height: 335 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM