我正在尝试使用 bootstrap 4 制作下拉菜单。它可以工作,但问题是它只切换一次。 此外,我已经尝试过网站上建议的解决方案,但其中任何一个都可以帮助我。 这是我的代码: ...
我正在尝试使用 bootstrap 4 制作下拉菜单。它可以工作,但问题是它只切换一次。 此外,我已经尝试过网站上建议的解决方案,但其中任何一个都可以帮助我。 这是我的代码: ...
我目前正在开发的项目存在响应问题我有一个带有两个嵌套 div 的侧边栏(看起来彼此“分开”的部分 - 请参见下面的预览),只要屏幕高度低于适合屏幕上所有元素所需的空间,它们就会相互重叠. 重叠元素我想知道如何阻止底部与顶部重叠并使侧边栏的内容从该点开始滚动(一旦“声音检测细节”容器开始与“STRO ...
所以我正在尝试创建一个模板,其中一个 div 是图片,另一个是带背景的文本。 现在我想让这个模板具有响应性,以便文本以特定 px 宽度位于图片下方。 通过 stackoverflow,我看到无数帖子说你应该使用 flexbox。我试过了,但我不能完全正确。 所以在桌面上它应该是这样的: https ...
我正在为我的网站制作 web 布局,但遇到了问题。 布局的整体宽度太大,我想在屏幕两侧留一些边距。 布局是响应式的,但是当我在两侧添加边距并且响应性不再存在并且页面在小屏幕上看起来很糟糕。 Html: css: 我尝试在两侧添加边距,但没有用。 ...
垂直药丸布局正是我想要的桌面设备,但对于小屏幕尺寸,我希望它更紧凑。 我需要在导航链接下显示选项卡窗格文本 - 就像在每个单独的导航链接下,而不是在整个导航丸组下面。 以下是 Bootstrap v5 文档中的基本示例: 我尝试将选项卡窗格元素直接移动到它们的透视导航链接下,但我无法让它工作。 这 ...
我只使用 Html 和 CSS 制作了一个“滚动到顶部按钮”。它工作得很好。 唯一的问题是它也没有出现在手机上。 我想解决这个问题。 我还希望它在某些像素之后显示,甚至想让它在显示页脚时保持不变,否则它会隐藏在页脚后面。 Html:<!---Scroll to the top button ...
我已经使用 tailwindcss 和 glider.js 为简单的 slider 构建了一个登陆页面,但是在我完成网站后,我对响应式设计部分的问题感到震惊,我确信之前没有发生问题,那就是我有一个额外的空间当我仅在 chrome 上使用 chrome inspector 设备工具栏时,将所有设备中的 ...
我想创建在移动设备和笔记本电脑视图中都兼容的横幅图像。 我想在数据库中存储两个不同尺寸的横幅图像,并适当地用于移动和笔记本电脑视图。 两个图像应该相同(即任何图像不应被裁剪、拉伸或图像的任何部分不应丢失)如何使用 Figma 创建这样的横幅图像。 在笔记本电脑和手机上查看时,图像应该完全相同。 使用 ...
我对 CSS/HTML 还很陌生,但是我正在尝试使用我的 Figma Design 并为其编写代码。 我需要网站能够响应不同的屏幕尺寸。 我将图像放置在我认为正确的位置,但是我似乎无法将文本放置在正确的位置,而且我不知道如何更改按钮大小或颜色。 我已经包含了我的 Figma Design 和我的代码 ...
我正在开发一个网站并想让它响应。 我在背景颜色方面遇到了一些问题。 我看到了我想要的页面,但是在将它部署到 firebase 并在手机上查看它之后,背景 colors 发生了巨大变化。 第一张图是结果,第二张图是我想要的样子。 有任何想法吗? 我正在使用反应和脉轮用户界面。 ...
我正在尝试在移动页面上调用 webamp 播放器,但我不知道如何让这个外部应用程序在两个平台(桌面、移动)上响应:( 伙计们,请帮忙! ...
解决了我创建了一个网站,当我将页面设置为响应式时,右侧出现白色溢出,我无法解释。 当我进一步向下滚动页面时,这似乎变小了。 任何帮助,将不胜感激。 似乎没有任何元素溢出到列中。 导航栏有时也会消失。 问题图片:响应式显示屏上的白边 页面下方的白边英雄组件: 导航栏组件: 信息部分组件: 我尝试添加 ...
如何使用 CSS 和 HTML 中的媒体查询将桌面网页中的导航栏更改为移动网页中的汉堡菜单。 在此先感谢您的帮助。 Media Query部分应该怎么做? 这是桌面网页代码: HTML CSS ...
当我点击底部导航中的三个点时,我没有看到任何事情发生。 当我更改开放变量的真假值时。 最初看起来像这样enter image description here 当我单击底部导航中的三点按钮时,它应该如下所示: 在此处输入图像描述 ...
所以我的任务是设计一个网站作为我的项目。 我已经创建了我的项目,但是当我调整浏览器大小时,所有文本和照片开始重叠。 我已经尝试了一切,但它仍然发生。 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&d ...
我想制作一个响应式布局,在移动设备上有一栏,在桌面上有两栏。 在关于 web 的非常古老的文章中,作者使用了 javascript,但我想对于现代浏览器,你只能使用 css 来做到这一点。 响应式布局到目前为止,我能够获得的最佳结果是使用以下代码,但在桌面模式下,我无法将侧边栏项目一个接一个地放置。 ...
使用 bootstrap datable 在 tabler 管理仪表板中呈现来自数据库的数据。 它在桌面视图中工作得很好,但在移动视图中却不行。 如何解决这个问题? 桌面视图 ...
如果我给按钮内的侧边栏文本隐藏一个固定宽度这是主仪表板 HTML 代码。 仪表板上方的 CSS.... 侧栏组件的 HTML 代码将放置在 app-sidebar-user> 标签内,该标签位于仪表板组件 HTML 内。 这是侧边栏的示例图像我想在这里设置侧边栏的长度,因为图中红色下划线的按钮 ...
我正在学习 web 开发的基础知识。 我想让 div 的 position 取决于浏览器 window 的尺寸。我也希望这个 div 可以缩放。 演示这一点的最简单方法是使用图像(都是关于“无线电面板”的):预期外观按比例缩小浏览器 window到目前为止我编写的代码: “面板”是我要操作的 o ...
实际上,我一直在 html css 中编写此登录表单,但桌面响应版本存在问题,移动响应看起来完全没问题。 这里是这个登录表单的存储库。 这是桌面版的媒体查询 - 回购链接 - https://github.com/ARIF683/Login-Form.git 桌面版手机版我想要的实际设计如果你能帮助 ...