cost 781 ms
媒体查询问题

[英]Trouble with media query

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

高度:0; 溢出:隐藏; 不使用填充

[英]height: 0; overflow: hidden; not working with padding

我有这段代码,我的目标是使自定义 select 平滑 animation。我选择让我的高度默认为 0 溢出:隐藏,并将高度设置为自动 when.active 添加。 但是遇到了仍然显示身体的问题。 问题似乎与填充有关 .select-header { display: flex; justify-c ...

在响应式布局中占用尽可能少但仍然合理的空间

[英]Occupy the least possible but still reasonable space in responsive layout

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

我不能把这个div放在网站底部

[英]I can't put this div in the website bottom

我遇到了一个我试图解决的问题:我正在制作一个网站,我打算使用 div 放置网站的最后一部分,但是无论代码如何,这部分都不能粘在底部我按照下面的网站代码进行编辑: @font-face { font-family: Open-Sauce-One; src: url("OpenSauceOne-Bol ...

2023-02-01 22:40:43   1   40    html / css / web  
是否可以在输入 slider 中获取滑块拇指的引用?

[英]Is it possible to get a ref of the slider-thumb in input slider?

我想应用工具提示来显示 slider 范围内的拇指值。 我知道有一种方法可以计算 position 等,但我有一个预构建的工具提示组件,可以获取 ref 并将其显示在 position。 如果我得到输入参考,工具提示不会随着拇指移动而只是停留在中间的位置。 有没有办法专门检索拇指的参考? 尝试获取 ...

使用 slider 更改 web 页面的亮度

[英]changing the brightness of a web page using the slider

有一个任务摆在我面前——当改变 slider 参数来改变整个页面的亮度时,我尝试了带有全屏 div 的选项,但它阻止了对 rest 元素的访问,我也尝试设置正文的过滤器参数,但在这种情况下,页面构建出错了 ...

HTML 表格偶尔不会打字

[英]HTML Form Occasionally Won't Type

在某些浏览器(我注意到的主要是手机)上,HTML 表单会弹出键盘,输入字段会出现故障,键盘会消失; 一秒钟之内。 这可以防止用户键入。 这是一个视频: https://youtube.com/shorts/srxawz9z1IM?feature=share 表格可在此处找到:pavepro.com/ ...

垂直导航菜单不适合视口

[英]Vertical Navigation Menu Not Fitting to Viewport

在垂直导航菜单上工作时效果很好,但遇到导航菜单填满整个页面(视口)的问题。 菜单在页面中间结束。 (图片)在此处输入图片描述不确定问题出在哪里,但希望得到一些关于我哪里出错的线索? 提前致谢。 HTML CSS ...

Flexbox 没有完全集中我的资产净值

[英]Flexbox is not perfecly centereing my NAV

在这里你可以看到它没有完全居中如图所示,在使用 flexbox 时,我的导航不会正确地水平居中,我已经尝试了所有我知道的居中方法,但我似乎无法弄清楚。 有人可以帮我吗? :D 试图使 NAV 居中,但没有正常工作 ...

2023-02-01 20:43:19   1   24    html / css  
使用JS更新CSS渐变

[英]Updating CSS gradient using JS

请解释更新计算样式的正确方法,即在 CSS 文档中设置。 document.body.style.background 将采用颜色但不采用渐变。 示例如下: 我尝试了 document.body.style.background 的许多不同迭代,并阅读了一些选择器只读而其他选择器可以操作的地方。 ...

Bash shell 脚本 html css

[英]Bash shell script html css

当我执行这部分代码时,它给了我这个错误: 我如何解决它? 我不太擅长 shell 脚本,这就是为什么我想不出其他任何东西。 ...

形象出flexbox

[英]Image goes out of flexbox

我有一张我想要放入 flexbox 的图像。卡片具有固定大小,我希望图像在不指定大小的情况下放入,但它只是忽略了 flexbox。 .card { border: 2px solid #072227; border-radius: 20px; display: flex; height: 30v ...

2023-02-01 20:08:25   1   49    css / flexbox  
css中如何在网页中制作中心框?

[英]How to make a central box on a webpage in css?

我在 CSS 中有这段代码,它应该创建一个绿色框,但它创建了一条绿线。 我不明白为什么因为有填充和边距的代码。 我希望它是一个绿色的盒子,每边都有 10px 的填充。 ...

2023-02-01 20:02:49   1   22    html / css  
一些 Tailwind CSS styles 没有被应用

[英]Some Tailwind CSS styles are not being applied

一些 Tailwind styles 没有被应用。 在此图像中,您可以看到向此 div 添加了两个类,但是这些 styles 在 DOM 中不可用。 请帮助。 ...

如何创建内部边框类型颜色

[英]How to create a inner border type color

这是当前结果: screenshot这是我想要的结果screenshot 。 这里的文字不是问题,只是我需要这个内半径类型的东西代码: 试图创建另一个 div ...

2023-02-01 19:25:39   1   22    html / css  
关闭页面导航时更改仿真 - angular javascript

[英]Change emulation back when navigating off page - angular javascript

我在一个特定页面上的 component.ts 文件中有以下代码,因为该页面在打印页面时需要使用它自己的 css: 但是,当我离开该页面时,我希望对 go 的封装在其他任何地方恢复正常。 有没有办法做到这一点? 或者有没有办法只在单击打印按钮时设置封装? 然后关闭后又恢复正常? 如果我离开此页面并 ...

无法在普通 HTML 页面中找出一个简单的顶级问题

[英]Unable to figure out a simple top problem in a plain HTML Page

这可能是最简单的任务,但我无法理解。 我创建了一个非常简单的 HTML 片段。 代码笔链接如果你看到笔,我有 3 个嵌套的 div, div1是我的 React 应用程序的顶级 div。 现在我的页面主体是pink color的。 我添加了一个div => header和一个div => ...

2023-02-01 17:53:17   2   26    html / css  

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