responsive-design 相关问题

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

根据设备更改视图 - SwiftUI

我最初是为 iPad 设计的应用程序,现在也想为 iPhone 添加功能。有没有办法检查正在使用的设备是什么,然后相应地显示视图?

回答 3 投票 0

导航栏中的汉堡菜单无法使用 html 和 css 工作

*{ 填充:0; 保证金:0; } A{ 文本装饰:无; 颜色:黑色; } ul{ 列表样式:无; } /* 最上面的栏 */ #上栏{ 最小高度:10vh; 最大宽度:100vw; 背景...

回答 2 投票 0

调整窗口大小时,Flexbox 中的元素会晃动

我正在使用 CSS flexbox 创建一个包含 2 个元素的行: 带标题和段落的宽度为 50% 的 div div 的宽度为 28rem 并包含 Flexbox 网格。 该行设置为 flex-wrap: ...

回答 1 投票 0

如何在 Flutter 中创建响应式文本小部件?

我遇到了响应文本的问题。在我的应用程序中有不同的文本字体大小,我需要使它们响应不同的屏幕尺寸(仅限手机和设备方向纵向)。我也...

回答 11 投票 0

P5.JS 和 WordPress 的响应式画布大小

我需要使用p5js制作自定义数据可视化元素。主题是响应式的,因此视觉效果需要适合一定的宽度。根据视觉效果中的数据和选项或筛选...

回答 1 投票 0

在 Safari 中无法正确计算 REM 填充

我正在尝试严格使用所有元素的 rem 值来构建一个网站。我在元素上有一些填充,但是在 Safari 中,这不能正确缩放。这是一个示例: html{ 字体大小...

回答 1 投票 0

第三个@media max-width在CSS中不起作用

所以我正在尝试为不同的屏幕尺寸建立一个网站。现在我在其中包含了一个卡片部分,该部分已包含在我的网站中。现在,当我的屏幕处于全尺寸时,例如宽度 >1300px...

回答 1 投票 0

用 CSS 包围在顶部和底部边框之间的文本

我想复制照片中的效果,上面和下面有粉红色的霓虹灯边框,以及它们之间的文字。我怎样才能用 CSS 实现这一点?我试过了,但达不到同样的效果...

回答 1 投票 0

有没有更好的方法来实现时间线(见图),以便它能够响应不同的屏幕尺寸?

当前时间轴实现基于 3800px 左右宽度的屏幕尺寸。我使用 display: grid 和 display: flex 来实现时间线外观。我还使用 ::after 创建垂直线...

回答 1 投票 0

使用开发工具和响应选项,媒体采石场不会在小屏幕上发生变化

我已经这样做了 1000 次并且一直使用媒体采石场。在 6 个月没有编程之后,我开始了一个新项目,我正在开发一个新项目,该项目逐渐创建一个网页......

回答 1 投票 0

Material UI 中的响应式排版?

移动设计的设计通常具有较小的标题字体。 Material UI 是否有一种使版式响应的机制? 我看到默认主题的字体大小在 r...

回答 8 投票 0

有人可以帮我让这张卡片网格响应吗?

我最近开始在我的工作场所使用 HTML 和 CSS。 现在我遇到了第一个大问题:使我的网格卡元素具有响应能力。 我的列中有四个卡片元素,每个元素都带有文本...

回答 1 投票 0

我希望文本仅跨越第一个剪辑路径区域

我希望文本仅跨越第一个剪辑路径区域,而不跨越到右侧剪辑路径。我尝试了多次调整但没有效果。文本应该位于剪辑路径的顶部而不是底部...

回答 1 投票 0

响应式设计的问题:将图像放置在圆圈内时出现溢出问题

我目前正在研究响应式设计,在尝试将图像放置在圆圈内而不溢出时遇到问题。我有一个圆形容器,我希望图像适合......

回答 1 投票 0

方向改变时失去块状态

我正在尝试让我的 Flutter 移动应用程序具有响应性和自适应性。 我正在使用这个小部件来完成此任务: 类ExamplePage扩展StatelessWidget { const ExamplePage({super.key}); @overr...

回答 1 投票 0

无法在移动视图中显示内容

我已将灯箱添加到网页,但内容未显示在移动视图中。我是一名开发人员,也是设计新手。 http://www.kahui.org/user/boardmember

回答 1 投票 0

Google Web 字体无法在 iOS 版 Chrome 中加载

当我使用 Google Webfonts 时,它们在我关心的每个浏览器上都能正常加载,除了 Chrome/iOS。这看起来很奇怪,因为它在 Mac 版 Chrome 和 iOS 版 Safari 上运行良好,所以我不认为这是 iOS 问题...

回答 8 投票 0

引导响应式侧边栏菜单到顶部导航栏

所以我一直在寻找这方面的指导,但没有结果。 基本上,我只想有一个侧边栏,但是当屏幕变小时,即智能手机屏幕尺寸,它会变成

回答 3 投票 0

如何让我的设计响应所有屏幕?

我需要一些帮助来使我的设计能够响应小屏幕,这对大屏幕有一点好处,但不适合小屏幕,请帮助使其响应。 我的欢迎信息隐藏在小屏幕上......

回答 1 投票 0

如何使用 Next.Js 实现响应式移动导航菜单?

所以,我对如何在 Next.js 中实现响应式移动导航有点困惑。我的问题源于通过 Javascript 和 CSS 处理菜单切换状态。 我的导航菜单如下...

回答 2 投票 0

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