响应式网页设计(RWD)是一种Web设计和开发方法,旨在制作网站,以便根据屏幕大小,平台和方向在各种设备上提供最佳体验。
我有一个使用 Material-UI (MUI) 创建的 React 组件,我正在尝试使移动响应。目前,它看起来像这样: 但我希望它看起来像这样 这是
在 body 标记后带有父 div 元素的某些视口上出现不需要的垂直滚动
我昨天在一个登录和注册网站的练习项目中工作,直到今天早上,我一直在与某些视口上的所有页面中的垂直滚动作斗争,而事实上,所有的 elem...
我想将文本框边框设置为六边形 我有设计创造类似的东西。 我的代码: #例子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">
我正在创建页面的一个部分,我必须在其中获取电影详细信息并作为用户类型填写这些卡片,但我遇到了一个问题,该部分没有覆盖整个高度空间
当我尝试添加“padding:5px;”时对于列,响应式设计的布局会崩溃。 这是 HTML 和 CSS 代码,我对所有以...开头的类的填充进行了评论。
我正在为客户设计一个订购鸡肉的网站。我设计了它并且在桌面上运行良好。我尝试在移动设备上进行测试,但效果不佳。我尝试添加 ...
我正在为客户设计一个订购鸡肉的网站。我设计了它并且在桌面上运行良好。我尝试在移动设备上进行测试,但效果不佳。我尝试添加标签并做了...
最近我一直在学习响应式设计,当我打开汉堡包时遇到了这个问题,汉堡包和购物车图标出现在我的汉堡包菜单下方。 我找不到问题...
我是新来的。我们正在为标题创建正确的格式。该网站基于 WordPress 和 Elementor 构建器。在容器本身中,我们将图像添加为 .svg。
我意识到这必须有一个相当简单的解决方案,但我一直被这个问题困扰,而且我似乎无法让它发挥作用。 这张照片显示了屏幕填满时的卡片(它具有正确的比例) ...
我无法解决 YouTube 视频库的布局问题:我正在使用此 CodePen 的代码,它也存在问题。视频库在桌面设备上按预期运行(视频离开、播放...
如何在 React Native 中为在 iOS 和 Android 平台上的所有设备上同等扩展的应用程序编写样式表?我尝试使用react-native-responsive-screen包,但没有一个包......
我想要 3 个元素排成一行。前两个左对齐,第三个右对齐。当窗口较小时,我希望第二个窗口位于第一个窗口下方,而第三个窗口保留在...
我不知道为什么,但我有一个响应式部分标签,它会根据宽度调整屏幕尺寸。问题是,如果内容超出,我会放置溢出自动,而不是显示滚动...
我正在尝试使用引导程序制作响应式多列文本咏叹调。 我尝试在网上查找,但找不到我需要的东西。 这是我正在尝试做的一个例子,但我想...
我有 2 个静态视图:标题和底部导航器(如所附可视化中所述)分别具有 3 rem 和 3.5 rem 高度,我想在它们之间放置一个响应式视图(l...
我正在制作引导网格,我遇到了问题,我现在不知道如何修复。基本上在移动视图中,我需要第二个块位于第一个块旁边,但我真的不知道该怎么做。那...
使用 object-fit: cover 将绝对定位的元素保持在背景图像的相同部分,无论宽高比如何
我想将“固定”元素绝对定位在背景图像上方。无论宽高比如何,它们都必须位于图像内容的完全相同部分之上。图像有对象...
我正在尝试找出三星 a10 手机的视口,以用于我的网站的响应式设计。现在它提到分辨率为 720 x 1520 像素,对于手机尺寸来说这无疑太大了......