responsive-design 相关问题

类 main-game 的 div 元素溢出了。该元素根据带有类标题的标签调整大小。但是，我想要相反。有问题的图片供参考类为 main-game 的 div 元素溢出。该元素根据类为 <p> 的 title 标签调整大小。但是，我想要相反。 <div id="game"> <div class="main-game"> <p class="title">Play Game</p> <div class="head"> <div class="num-box" id="box"><p class="num" id="number" name="number">?</p></div> </div> <div class="input"> <p>Enter a number:</p> <input type="number" min="0" max="100" name="input" id=""> <p id="status"></p> </div> <button id="submit" onclick="checkNumber()" class="green submit-num">submit</button> <button id="refresh-btn" hidden onclick="reloadPage()" class="yellow submit-num refresh">play again</button> </div> </div> 这是CSS： #game { display: flex; flex-direction: column; position: relative; } .main-game { display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; } .main-game .title { font-size: 42px; width: fit-content; }

html css responsive-design resize

回答 0 投票 0

仅使用 CSS 拉伸字体

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

css user-interface responsive-design typography

回答 1 投票 0

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

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

java swing javafx responsive-design fxml

回答 1 投票 0

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

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

html css responsive-design frontend bootstrap-5

回答 1 投票 0

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

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

css responsive-design navbar responsive

回答 0 投票 0

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

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

reactjs mobile responsive-design tailwind-css web-frontend

回答 1 投票 0

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

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

css reactjs responsive-design media-queries styled-components

回答 1 投票 0

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

我有一个项目清单（li）。例子杂货× 医学... 我有一个项目清单(li)。示例 <ul class="list"> <li class="checked">Groceries <span>×</span></li> <li>Medicine <span>×</span></li> <li>Shopping <span>×</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> ×</li> <li><span>Medicine</span> ×</li> <li><span>Shopping</span> ×</li> </ul>

html css responsive-design

回答 1 投票 0

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

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

html css iphone responsive-design media-queries

回答 1 投票 0

Material UI - 响应式抽屉

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

reactjs mobile responsive-design material-design material-ui

回答 5 投票 0

引导日期选择器行为不当

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