cost 324 ms
媒体查询问题 - Trouble with media query

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

在响应式布局中占用尽可能少但仍然合理的空间 - Occupy the least possible but still reasonable space in responsive layout

我正在编写一个数量选择器按钮并希望它能够响应。 也就是说,我希望减号和加号只包含图标所需的宽度,中间的输入是最大宽度。 我想知道如何使用 scss 来解决这个问题。 HTML: SCSS: grid-template-columns: 45px auto 45px; 可以解决这个问题,但不是有效 ...

如何使用 react scss 为上方和下方列表中的元素及其后续元素设置不同的样式 - How to style the element in the list above and below and its subsequent differently using react scss

output应该是这样的 我能够在所选元素和其他后续元素下方以不同方式实现颜色,但我无法为所选元素的上述元素做到这一点我的反应组件 这是 scss 代码 有人可以帮我实现这个目标吗? 我被困在这样的地方: ...

如何从 html 生成具有 class 名称的空样式模板 - How to generate an empty styling template with class names from html

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

如何更快地编译 SCSS - How compile SCSS faster

简单的主题简单的问题:当你有一个像这样的部分文件的 MASSIVE 文件夹时,有没有办法编译更快的 SCSS 我知道更多的部分文件你的编译速度更慢,但我想知道是否有更快编译的方法。 ...

使用 flexbox 在两条相等的行中显示数组 - make an array display in two equal lines with flexbox

因此,目前我正在尝试在每个分辨率(或大多数分辨率)下以两行相等的方式显示数组,代码结构只是 a.map 在返回外部组件的 div 中 它应该是什么样子,至少直到移动断点我虽然可能制作两个单独的 arrays,包括原始的一半,每个映射那些。 然而,它在响应时给我带来了问题,虽然我可能必须用媒体查询填充 ...

2023-01-30 12:43:47   2   27    reactjs / sass  
有谁知道如何解决这个问题?(动态第 n 个孩子和之后)react-sass - Does anyone know how to fix this ?( Dynamic nth-child & after ) react-sass

我正在尝试弄清楚,但我一直无法...这是一个包含信息的列表,它实际上已经准备就绪,但是第 nth-child:after 样式我无法通过 React 使其动态化。 我的 React 组件: 我试图得到这个结果: 但我有这个: ...

NextJS 错误 - HookWebpackError: 应为伪类或伪元素 - NextJS Error - HookWebpackError: Expected a pseudo-class or pseudo-element

运行next build时出现以下错误: (请参阅https://pastebin.com/JLQ2aR2f上的完整错误) 我一直在尝试调试这个问题 ~3 小时,这让我发疯。 如果能帮助我更好地调试next build命令,我将不胜感激? 我尝试使用--debug标志,但它似乎没有做任何事情。 到 ...

为什么 React 看不到 scss styles - Why React is not seeing scss styles

在项目设置方面,我有点 React noobie。 我使用npx create-react-app创建了一个带有默认值的简单项目。 我想使用 Sass 所以我安装了一个 sass 模块。 在使用方面,我创建了具有基本背景样式的styles.scss ,并尝试: 这很好用,但我想这样使用它: 但它不 ...

2023-01-28 22:21:58   1   19    reactjs / sass  
为什么 SvelteKit 每次都需要包含依赖的 scss 文件,而不是全局需要一次? - Why does SvelteKit require to include dependent scss files each time instead requiring them once, globally?

我正在尝试使用 SvelteKit 和 Bootstrap 构建一个项目。 在+layout.css文件中包含所有 Bootstrap 相关的 scss 文件后,我从我的custom.scss样式文件中收到一条错误消息: 这是我的+layout.svelte文件: 我已经设法确定我可以通过在我的c ...

是否可以删除基于兄弟 div 按钮的 state 的样式? - Is it possible to remove a style based on the state of a sibling div's button?

我有一个 html 片段,点击时会隐藏一个按钮: CSS: 使用 CSS,如果嵌套在兄弟 div 中的按钮位于隐藏的 state 中,是否可以删除 div.item 上的背景图像样式? 我知道如何在 JavaScript 中完成此操作,但好奇是否可以单独使用 CSS 来处理? ...

2023-01-27 05:30:35   1   20    css / sass  
如何将文本 label 包裹在 mat-slide-toggle(角度材料)中 - How to wrap text label in mat-slide-toggle (Angular Material)

我想使用 mat-slide-toggle,但要将标题换行(因为它有点长)。 我怎样才能做到这一点。 我只想让标题换行并将其默认位置保留在切换按钮的右侧 我试过flex-wrap但没有用 你可以看到措辞是如何从容器外面出来的 ...

在 ngFor 的表达式中使用 ngClass Angular - Using ngClass within expressions in ngFor Angular

我想做一个过滤器。 我有一个标题字段和一个计数字段。 在标题字段中,我 select 产品,然后我 select 复选框中过滤器的参数。 计数字段应包含所选产品过滤器的数量。 如果计数器为空,则为灰色,如果值 > 0,则为红色。 我尝试使用 ngClass 来完成此操作,但每次计数的颜色都会 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM