图像容器在引导程序中炸毁整个页面

[英]Image container blows up to whole page in bootstrap

我显然做错了什么，但这是我使用 Bootstrap 的第 2 天。 我有一个两排的液体容器。 在第一行我有一个标题和一张图片。 该图像 - 即使我降低了高度并将其设置为响应式，也会导致第一行中的第二列基本上扩展到几乎整个页面。 当我删除图像时，世界就有意义了。 当我放回图像时，容器爆炸了。 发生在 ...

根据屏幕大小提供不同的视频 HTML

[英]Provide a different video depending on the screen size HTML

我想在网站中使用视频作为背景，但我想提供一个较小的剪辑版本，这样手机就不必下载完整版本和浪费带宽。 我该怎么做？ 我尝试了以下方法，但浏览器在只显示一个之前下载了两个。 我希望浏览器只下载一个视频 提前致谢 ...

高度溢出无法正常工作，内容显示在网站中间

[英]height overflow doesn't work properly, content shows in the middle of website

我将高度设置为 520px，但我希望网站能够响应并且高度是动态的。 问题是每当我尝试添加min-height:100px; overflow:auto; min-height:100px; overflow:auto; 内容开始显示在页面中间，隐藏在上面的一个 div 后面。 我也尝试了height ...

如何通过触摸缩小屏幕尺寸？

[英]How to reduce the screen size with touch?

我正在开发一个带有 Angular 的应用程序，并且希望能够在移动设备上缩小我的屏幕，即使是触摸。 可以通过视口放大，但不能缩小。 我的视口是这样的： <meta name="viewport" content="width=device-width, initial-scale=1.0, ...

如何制作响应式网格？

[英]How to make a Responsive Grid?

所以我有一个带有特定网格的 html 和 css，我已经制作了 .css，但我遗漏了一些东西，通常是使用引导程序将 col-md 或 col-sm 放入 html，但每次我尝试仍然无法正常工作对于所有设备，任何人都可以帮助我吗？ .container { display: grid; grid- ...

如何使按钮 alignment 在 css 中响应？

[英]how make button alignment responsive in css?

我想把按钮放在左下角。 alignment 应该有响应。 下面是我的 html 代码： .third-banner { /*background-image: url("banner3.PNG");*/ background-image: url("banner3new.JPG"); back ...

如何使具有外部内容的 DIV 在移动设备上响应？

[英]How to make DIV with external content responsive on mobile?

我正在尝试在移动页面上调用 webamp 播放器，但我不知道如何让这个外部应用程序在两个平台（桌面、移动）上响应：（ 伙计们，请帮忙！ ...

Wordpress elementor pro 响应模式不起作用

[英]Wordpress elementor pro Responsive mode doesn't work

我正在尝试使用 elementor（专业版）响应我的网站。 我了解到，每当您在桌面模式/平板电脑模式或移动模式下修改某些内容时，该编辑仅在您工作的模式下有效。但这对我来说很重要：我在移动模式下更改了一些内容，并且该编辑也出现在桌面上和移动。 反之亦然。 那么，为了在各自的模式下保持响应式编辑，我做错 ...

如何让我的网站正确显示并让我的导航栏显示在较小屏幕上的徽标下方？ 目前在台式机上显示良好

[英]How do I make my website display properly and get my navbar to display under the logo on smaller screens? Currently shows fine on desktops

所以我仍然是 web 开发的新手，目前正在餐厅网站上工作，但是当我在较小的屏幕上查看页面时，它无法正确显示（不显示全宽）并且导航栏完全消失了。 我怎样才能让它在较小的屏幕上正确显示并且导航栏成为切换栏或显示在徽标下方？ 我认为我当前的 CSS 设置可能是罪魁祸首。 谢谢我已经尝试使用 CSS 进行优 ...

如何在嵌套时切换 Bootstrap 5 列顺序（没有隐藏的重复项）？

[英]How switch Bootstrap 5 columns order while its nested (without hidden duplicates)?

以下代码应该以不同方式显示移动和桌面视图的块。 此代码以这种方式表示桌面上的块。 在桌面视图块上，图像和标题将具有相同的高度。 但我想以这种方式显示这些块（在桌面上）。 描述块应在标题块下。 它们都应该代表屏幕的右半部分。 我该怎么做？ 重要的是要补充一点，我们不能使用使用隐藏类的双块来切换其在不 ...

Flutter 带卡片的响应式网格（截图）

[英]Flutter Responsive Grid with Cards (screenshots)

我对 flutter 和现代编程语言完全陌生。 目前我正在与某人一起工作以创建一个应用程序。 我们在使用不同屏幕尺寸和方向的网格和卡片布局时遇到问题。 竖屏截图横屏截图如您所见，一旦屏幕宽度过高，卡片就会乱七八糟。 我现在无法访问源代码，因为编程它的人目前不在。 我阅读了很多关于以响应方式构建卡片 ...

如何使大型固定部分在移动设备上可滚动

[英]How to make large fixed section scrollable on mobile

我正在开发一个网站，我有一个带有人物照片的 slider，点击（使用和事件侦听器）会显示一个新的display:none ，它是 100vh 和 100vw，这在桌面上很棒，但在移动设备上文本不适合 100vh，我想让它滚动，但它是一个固定部分，我不知道如何。 （这是给客户的，所有数据都受到保护， ...

如何在不触及其他元素的情况下制作占用尽可能多空间的响应式填充？

[英]How can I make a responsive padding that takes up as much space as possible without touching other elements?

我正在处理我网站的页脚，但遇到了一个小设计问题。 我有一个“footer__socials”div，它包含多个“footer__link”，即链接到社交的小图标。 我试图通过扩展每个链接填充来获得选项卡效果，因此它们都具有相等的水平填充，直到它碰到另一个社交填充。 我遇到了无法找到任何方法的问题， ...

Flexbox 元素上的“flex-wrap”不起作用

[英]Flexbox 'flex-wrap' on the element not working

所以我希望 'header-content-lower' 元素中的 div 连续包裹（如果它们都不适合屏幕）但它甚至不起作用，我尝试更改 childs 的 box-sizing 或设置 max - 父元素的宽度，但我仍然不知道出了什么问题，请帮忙，我已经完成了 - 这是我的代码： @import ...

使用带有 angular 材料垫列表的 boostrap 网格

[英]Using boostrap grid with angular material mat-list

我正在尝试将 bootstrap 5 网格与 angular 材料组件 mat-list 一起使用，但它不起作用。 我希望 2 字段的文本在小型设备上使用 12 列。 我使用 div 进行了测试，得到了正确的结果，但是当我尝试将 boostrap 容器/行和 col-X class 与垫列表一起使用 ...

HTML 和 CSS 中的响应式 CogWheel（齿轮）

[英]Responsive CogWheel ( Gear ) in HTML and CSS

我正在制作一个响应式布局，但我对带段落的响应式齿轮有问题，在这里你可以看到我在说什么https://justidea.vercel.app 调整浏览器大小，你会看到问题，问题是因为使用了 position absolute。 谁能为 CSS 齿轮推荐任何其他解决方案，以使其响应这些圆圈段落？ h ...

不知道怎么办 CSS 回复

[英]I don't know how to do CSS Responsive

我想让茶杯和每个茶杯下面的文字在移动格式中相互重叠，而在计算机格式中保持原样，你能帮我吗？ 这是在电脑上这是在手机上我想在手机上做这样的事情 HTML： CSS： 我显然不知道我应该做什么，这就是为什么我请求你的帮助。 谢谢 ！ ...

CSS 我如何将 svg 锚定到文本？

[英]CSS how can i anchor svg to text?

我正在尝试将自定义下划线附加到文本范围，因此它始终跟在文本之后。 我的目标是将图像附加到 span，我还想不出来，我在考虑对图像使用绝对position，但它不会响应，是吗？ ...

以花朵形状对齐图像响应

[英]Align images responsive in a flower shape

我有 4 个图标，它们应该像下图一样对齐。 我试图首先将它们放入一个带有 class 的<div>中，它控制着 position。现在据我所知，我会给每个图像一个绝对的 position，但这不会起作用，因为在每个 res. 我的图像不在一起，到处都是。 如何以响应方式将我的图像像“花” ...

尝试将 javascript 与切换一起使用以使用简单的 js 打开导航栏/汉堡菜单，但在 null 属性上显示错误

[英]Trying to use javascript with toggle to open navbar /hamburger menu with simple js, but says error on a null property

我有一个 2 天后到期的任务，它需要使用 javascript，并且我试图让这个导航栏在移动视图上使用 js 工作时变成汉堡菜单（需要响应）。 我找到了这个简单的代码，它一直有效到最后两行...... 它说明了这一点，当我打开 Inspect => Console 时：“Uncaught Ty ...