responsive-design 相关问题

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

如何让React + MUI组件移动响应?

我有一个使用 Material-UI (MUI) 创建的 React 组件,我正在尝试使移动响应。目前,它看起来像这样: 但我希望它看起来像这样 这是

回答 1 投票 0

在 body 标记后带有父 div 元素的某些视口上出现不需要的垂直滚动

我昨天在一个登录和注册网站的练习项目中工作,直到今天早上,我一直在与某些视口上的所有页面中的垂直滚动作斗争,而事实上,所有的 elem...

回答 1 投票 0

如何创建文本框六边形边框?

我想将文本框边框设置为六边形 我有设计创造类似的东西。 我的代码: #例子1 { 边框:2px 纯红色; 内边距:10px; 边框半径:25px; } 我想将文本框边框设置为六边形 我有设计创造类似的东西。 我的代码: #example1 { border: 2px solid red; padding: 10px; border-radius: 25px; } <div id="example1"> <p>The border-radius property defines the radius of the element's corners.</p> </div> 这是一个具有多重背景的想法。代码取自我的在线生成器:https://css-generators.com/custom-corners/ input { --c: red; width:300px; height:50px; padding:5px; box-sizing:border-box; border:none; outline:0; background: linear-gradient( 45deg,#0000 9.90px, var(--c) 0 calc(9.90px + 3px), #0000 0 calc(100% - 9.90px - 3px), var(--c) 0 calc(100% - 9.90px), #0000 0), linear-gradient(-45deg,#0000 9.90px, var(--c) 0 calc(9.90px + 3px), #0000 0 calc(100% - 9.90px - 3px), var(--c) 0 calc(100% - 9.90px), #0000 0), linear-gradient(90deg ,var(--c) 6px,#0000 0) -3px 50%/100% calc(100% - 28px) repeat-x, linear-gradient(180deg,var(--c) 6px,#0000 0) 50% -3px/calc(100% - 28px) 100% repeat-y } <input type="text">

回答 1 投票 0

为什么这个元素没有覆盖身体的整个高度?

我正在创建页面的一个部分,我必须在其中获取电影详细信息并作为用户类型填写这些卡片,但我遇到了一个问题,该部分没有覆盖整个高度空间

回答 1 投票 0

当我尝试为列添加填充时,响应布局崩溃

当我尝试添加“padding:5px;”时对于列,响应式设计的布局会崩溃。 这是 HTML 和 CSS 代码,我对所有以...开头的类的填充进行了评论。

回答 1 投票 0

如何为网站设计响应式网站?

我正在为客户设计一个订购鸡肉的网站。我设计了它并且在桌面上运行良好。我尝试在移动设备上进行测试,但效果不佳。我尝试添加 ...

回答 1 投票 0

有人可以帮我为网站设计一个响应式网站吗?

我正在为客户设计一个订购鸡肉的网站。我设计了它并且在桌面上运行良好。我尝试在移动设备上进行测试,但效果不佳。我尝试添加标签并做了...

回答 1 投票 0

为什么当我打开汉堡包和购物车图标时,它出现在汉堡包菜单下方

最近我一直在学习响应式设计,当我打开汉堡包时遇到了这个问题,汉堡包和购物车图标出现在我的汉堡包菜单下方。 我找不到问题...

回答 1 投票 0

背景图像没有响应

我是新来的。我们正在为标题创建正确的格式。该网站基于 WordPress 和 Elementor 构建器。在容器本身中,我们将图像添加为 .svg。

回答 1 投票 0

如何创建此导航时间线

请问我如何在react js中创建这个时间线,它有一个特定的名称,但我不知道,请帮忙

回答 1 投票 0

如何让卡片在缩小页面时保持相同的宽高比?

我意识到这必须有一个相当简单的解决方案,但我一直被这个问题困扰,而且我似乎无法让它发挥作用。 这张照片显示了屏幕填满时的卡片(它具有正确的比例) ...

回答 1 投票 0

移动设备上 YouTube 视频库的布局问题

我无法解决 YouTube 视频库的布局问题:我正在使用此 CodePen 的代码,它也存在问题。视频库在桌面设备上按预期运行(视频离开、播放...

回答 1 投票 0

React Native 的响应式屏幕

如何在 React Native 中为在 iOS 和 Android 平台上的所有设备上同等扩展的应用程序编写样式表?我尝试使用react-native-responsive-screen包,但没有一个包......

回答 4 投票 0

HTML 和 CSS 有助于让 3 个元素像这样响应

我想要 3 个元素排成一行。前两个左对齐,第三个右对齐。当窗口较小时,我希望第二个窗口位于第一个窗口下方,而第三个窗口保留在...

回答 2 投票 0

在响应式 div 容器中滚动 x

我不知道为什么,但我有一个响应式部分标签,它会根据宽度调整屏幕尺寸。问题是,如果内容超出,我会放置溢出自动,而不是显示滚动...

回答 1 投票 0

引导多个文本列

我正在尝试使用引导程序制作响应式多列文本咏叹调。 我尝试在网上查找,但找不到我需要的东西。 这是我正在尝试做的一个例子,但我想...

回答 3 投票 0

如何设置View的高度响应式?

我有 2 个静态视图:标题和底部导航器(如所附可视化中所述)分别具有 3 rem 和 3.5 rem 高度,我想在它们之间放置一个响应式视图(l...

回答 1 投票 0

响应式引导网格

我正在制作引导网格,我遇到了问题,我现在不知道如何修复。基本上在移动视图中,我需要第二个块位于第一个块旁边,但我真的不知道该怎么做。那...

回答 1 投票 0

使用 object-fit: cover 将绝对定位的元素保持在背景图像的相同部分,无论宽高比如何

我想将“固定”元素绝对定位在背景图像上方。无论宽高比如何,它们都必须位于图像内容的完全相同部分之上。图像有对象...

回答 1 投票 0

有人可以帮我确定三星a10的宽度/高度吗

我正在尝试找出三星 a10 手机的视口,以用于我的网站的响应式设计。现在它提到分辨率为 720 x 1520 像素,对于手机尺寸来说这无疑太大了......

回答 1 投票 0

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