responsive-design 相关问题

响应式网页设计(RWD)是一种Web设计和开发方法,旨在制作网站,以便根据屏幕大小,平台和方向在各种设备上提供最佳体验。

仅使用 CSS 拉伸字体

我怎样才能让我的字体像上面的CSS图片一样只提供给我代码任何人请

回答 1 投票 0

如何在 JavaFx 中创建响应式桌面应用程序 UI?

问题是我想知道如何在JavaFx或Java Swing(JavaFx中首选)中制作响应式桌面应用程序。当我尝试调整应用程序框架的大小时,它的组件大小没有...

回答 1 投票 0

下划线在 Bootstrap 5 导航链接下无法正常工作

我正在使用 Bootstrap 5 创建一个网站,当有人将鼠标悬停在导航栏中的导航链接上时,我尝试在导航链接下创建下划线,但我当前的代码仅创建下划线

回答 1 投票 0

CSS中的“.responsive”是什么?这是预定义的 css 功能吗,因为在下面提到的代码中我们没有在 html 中指定响应类

在下面提到的代码中,我们使用“.responsive”,但我们没有在 HTML 中提到“responsive”类,我们如何使用“.responsive”在 css 中访问它,我们有...

回答 0 投票 0

如何隐藏移动导航栏后面的“向下滚动”图标和文字?

z-index 问题。当我打开移动导航栏时,我无法隐藏移动导航栏后面的图标和文本。它只是在移动菜单上弹出。我写了移动导航栏图标功能...

回答 1 投票 0

为什么我的媒体查询无法正确应用?

无论屏幕尺寸如何,仅应用最后声明的媒体查询。在下面的示例组件中,即使屏幕宽度为 320 像素,颜色也始终为绿色。 断点: 缺点...

回答 1 投票 0

检查时如何避免线路从跨度穿过

我有一个项目清单(li)。 例子 杂货× 医学... 我有一个项目清单(li)。 示例 <ul class="list"> <li class="checked">Groceries <span>&#215;</span></li> <li>Medicine <span>&#215;</span></li> <li>Shopping <span>&#215;</span></li> </ul> 尝试在选择任何项目(line-through)时使用li,但我不想将线标记为十字图标(span)。 我正在尝试对跨度进行文本装饰,但它不起作用 CSS .list li.checked { text-decoration: line-through; /* when li checked */ } .list li.checked span { text-decoration: none !important; /* Trying to discard underline for span */ } 我们该如何解决这个问题? 你应该改变你正在做的事情。声明 span 的换行并将其放在文本周围。 .list li.checked span { text-decoration: line-through; } <ul class="list"> <li class="checked"><span>Groceries</span> &#215;</li> <li><span>Medicine</span> &#215;</li> <li><span>Shopping</span> &#215;</li> </ul>

回答 1 投票 0

css margin-top-bottom 不工作 iPhone safari 浏览器

在 iPhone Safari 浏览器上,“home-sci”类中的元素显得扭曲,而它们在 Chrome 工具栏上看起来很好。当我将项目部署到实时查看时,我遇到了 iss...

回答 1 投票 0

Material UI - 响应式抽屉

有谁知道如何创建反应式应用栏和抽屉,或者知道如何创建反应式应用栏和抽屉的任何示例吗? 它需要能够动态地取消停靠抽屉并在浏览器很小时隐藏并停靠

回答 5 投票 0

引导日期选择器行为不当

我最近开始尝试使用 Bootstrap 做一些前端工作,但发现它很棘手。 这里有两个问题。 日历字形出现在日期输入下方。它是 本来就是……

回答 0 投票 0

根据javascript和react中的视口宽度将文本分割成行

我有一个特定的用例,我希望将文本字符串分成单行。例如,假设我有这个字符串: const text='Lorem ipsum dolor sat amet consectetur adipisicing e...

回答 0 投票 0

从移动/平板设备的 br 中删除换行符

停止破坏手机/平板电脑的 br 标签。 我在一些标题中使用 br 标签用于桌面和大屏幕的样式目的,但我希望手机/平板电脑不会中断,所以标题很流行......

回答 0 投票 0

使用 matchMedia 为低于 1025px 的菜单禁用 jQuery 悬停效果

我运行一个带有自定义标题的 WordPress 网站。因此,我决定依赖jQuery。 我有一个菜单 (#sitenavigation),当我将鼠标悬停在它所在的容器 (#menuhover) 上时会出现该菜单 (#sitenavigation)。我只想要...

回答 0 投票 0

基于 CSS var number 的第 nth-child 选择器

我正在努力实现这样的目标 :根 { --网格列:6; /* 默认列数 */ } @media 屏幕和(最小宽度:768px){ :根 { --网格列:8; /* 调整

回答 0 投票 0

如何在标题文本前后制作响应行?

我们怎样才能让它响应? https://www.w3docs.com/tools/code-editor/8447

回答 0 投票 0

我希望所有的盒子都和高度最高的盒子一样高

(https://github.com/Shaakie/Web-Development.git) 我正在编写一个包含 3 个部分的响应式网站,每个部分都包含一个带有标签的 div 和一个段落。Div 的高度在减小时发生变化/

回答 0 投票 0

CSS 过渡适用于 li 元素但不适用于 div

我正在使用 CSS 和 vanilla javascript 构建一个可点击的响应式下拉菜单。它的工作效率为 99.99% - 可能足以使用 - 但引擎盖下发生了一些奇怪的事情。我想要 dro...

回答 0 投票 0

当屏幕低于 576 像素时显示 3 个按钮,在更宽的屏幕上不可见

我试着让这些按钮出现,但它从来没有用过! 我终于找到了一个代码,在该代码上它们永远不可见,并且应该出现在 576 px 以下: 但这只是 vi 的导航栏图标...

回答 1 投票 0

未来 Wordpress 帖子缩略图输出的特定 Bootstrap 5 网格系统逻辑

我正在 Bootstrap 5 上制作网站。并且需要为产品缩略图制作这样的网格系统(下图)。 我的想法(逻辑)是像这样制作这个网格(下图)。该网格将响应...

回答 0 投票 0

如何在具有响应式设计的图像上添加黑框?

这是一个Codecademy的项目,但是他们没有解决方案,我正在尝试自己做。如您所见,如果您在大窗口中打开它,它看起来很好。但是有一件事我是...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.