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

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

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

媒体查询问题

[英]Trouble with media query

我正在尝试前端指导项目，但在提供不同视口大小（用于桌面）的图片时遇到问题，我不知道出了什么问题，我使用了图片元素并声明了图片应该以什么宽度提供服务但是它不起作用。 令人困惑的方面是 flexbox 和网格显示属性没有太大影响。 小的移动图像不会被桌面图像取代。 * { padding: 0; ma ...

如何从 html 生成具有 class 名称的空样式模板

[英]How to generate an empty styling template with class names from html

我发现自己在 JSX 中输入 class 名称，然后在 CSS/SCSS 中非常频繁地输入相同的 class 名称作为选择器。 有没有什么简单的方法可以不做两次，因为这似乎是几乎每个 React 开发人员都必须做的事情，但我无法通过搜索找到与此相关的任何工具。 澄清是否有任何工具可以生成此 sass ...

angular 材质图标在插值前先渲染

[英]angular material icons renders first before the interpolation

我正在使用 angular 材料做一个 angular 项目，而我使用 mat-icons 它在插值之前一直出现，即使我在插值之后对其进行编码，请在此处输入图像描述我尝试在图标之前或之后输入任何内容，无论如何图标都会排在第一位排序方式 {{sort}} expand_more ...

为什么当我正确回答一个以上的操作时，correctAns 不会增加

[英]Why The correctAns doesn't increase when i answer more than one operation right

我已经尝试了一切，我希望通过正确回答每个操作，通过正确回答每个问题来增加 k 值 ...

如何从 keen-slider/react 获取宽度

[英]How to get width form keen-slider/react

我需要知道轮播中每张幻灯片的宽度以使高度相同。 这样 slider 的每个元素都将是方形的。 我试图在文档中查找信息。 我没有找到我需要的东西。 ...

关于 Formik 的反应抛出错误应该在每个中都有一个唯一的键

[英]React throw error about Formik should have a unique key in each

我有一个具有字段道具的组件，这个每个道具 map 在 Formik 中呈现。 但是反应会抛出错误。 反应抛出这样的错误： 警告：列表中的每个孩子都应该有一个独特的“关键”道具。 检查FieldArrayInner的渲染方法。 有关详细信息，请参阅https://reactjs.org/link/wa ...

如何将 React 构建文件夹上传到我的远程服务器？

[英]How to upload react build folder to my remote server?

我正在尝试将我的 React 构建文件夹部署到我的服务器。 我正在使用在我的 settings.py 文件中配置的 index.html 和 static 来执行此操作。 ( https://create-react-app.dev/docs/deployment/ ) 由于我的后端在 Ubun ...

我做了一个滚动到顶部的按钮，但它没有显示在手机上。 另外我想在 32 px 之后显示我该怎么做？

[英]I have made a scroll to top button but it doesn't display on mobile phone. Also I want to to show after 32 px how can I do that?

我只使用 Html 和 CSS 制作了一个“滚动到顶部按钮”。它工作得很好。 唯一的问题是它也没有出现在手机上。 我想解决这个问题。 我还希望它在某些像素之后显示，甚至想让它在显示页脚时保持不变，否则它会隐藏在页脚后面。 Html：<!---Scroll to the top button ...

如何在文本旁边放置一个图标并居中 header

[英]How to place an icon next to text and centering a header

我正在尝试将图标放置在图像中的文本左侧。 现在出于某种原因，它位于文本之上。 该图标位于带有文本的选项卡内，我希望图标针对每个选项卡进行更改。 即使我改变边距，它们也不会移动。 Senconly，我在 header 中有一个图像和文本，它在谷歌浏览器中看起来不错，但是当我更改浏览器时，它们会堆积 ...

如何用可变值编写条件 css

[英]How to write conditional css with changable values

我有一张看起来像这样的卡 但是我想把所有的 styles 都写在 css 中。那么我如何在这些条件下将 style={} function 实现到 css 中呢？ ...

优化多个组件后 React 性能显着恶化

[英]React performance significantly worsened after optimizing several components

我一直致力于在线游戏应用程序的优化。 它是一个大型 React 应用程序，具有庞大的代码库，而且非常滞后（主要是在移动版本上）。 我遇到的一些问题是： 许多内联功能没有记忆很多不必要的内联 styles 很多 state 份 state 突变不必要的循环嵌套映射代码重复我的任务是提高性能，但目前只针 ...

显示本身位于 object 数组中的 object 的属性

[英]display the properties of an object that is itself in an object array

您好，我正在尝试使用 React 在我的 html 页面上显示 object 的内容。 我设法访问了我的 object 数组中的前端属性。 现在，当我尝试浏览我的前端 object 数组的每个元素并在我的页面上显示每个元素的 id 时，它只显示第一个元素，即“HTML”。 但我想在页面上显示所有其他 ...

行内级元素和行内元素有什么区别？

[英]What is the difference between inline-level elements and inline elements?

在这篇 MDN 文章中，他们将内联元素与块级元素进行了比较？ 我注意到他们确实使用了内联元素而不是内联级元素。 有什么不同？ ...

我应该如何处理一个完整的堆栈网站，我是否在不同的端口上托管前端和后端？

[英]How should I approach a full stack Website, DO i host front end and backend on different ports?

可以说我已经完成了我的 frotend 并准备好部署，我应该将它自己保存在一个端口上然后使用 get 请求调用 api / 后端服务器端口。 我应该将我的后端托管在 SpringBoot 中的一个端口上，还是将我的前端与我的 springboot 应用程序一起托管，然后将其托管在一个端口上，例如 ...

通过 html 和 css 添加图像后我的网页滞后

[英]Lag in my webpage after adding images by html and css

在图库部分添加图像后，我的 web 页面变重，其他部分的效果拒绝应用我试图调整图像的大小，但没有任何改变 ...

尝试使用按钮切换样式表

[英]trying to toggle stylesheet using button

我正在尝试使用按钮在我的网站上切换样式表。 当我使用这段代码时，当我按下按钮时样式表变得不存在，除非我刷新站点，否则我无法切换回来。 我不知道发生了什么。 JavaScript HTML ...

应用填充时边框无法正常工作

[英]border not working properly when applying padding

我正在为这个输入字段应用边框和渐变： ( https://i.stack.imgur.com/eTqQP.png ) ，但是因为我现在应用了一些填充，当我输入 hover 时，它在边框的左侧非常厚这是 css 代码： 我希望左侧看起来与其他边框相同。 如果有人帮助我，我将不胜感激！ ...

如何在文本滚动时固定视频背景？

[英]How to make a video background fixed while the text is scrolling?

当我确实为背景添加视频时，它只存在于页面的顶部，但我认为页面的 rest 正在滚动<div class="hero"> <video autoplay loop muted plays-inline class="back-video"> <source src ...

Vue 应用程序正常工作后第二天不工作

[英]Vue app not working day after working normaly

所以，问题是我的 Vue 应用程序昨晚工作得很好，我关闭服务器并进入睡眠状态，没有任何更改或更新，今天早上我醒来想继续我正在做的事情，go 用于 yarn 服务打开它，我收到错误消息：“'vue-cli-service' 未被识别为内部或外部命令、可运行程序或批处理文件。”。 任何人都遇到过类似的事 ...