responsive-design 相关问题

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

Grid.js 大尺寸响应式表格

在可调整大小的容器中渲染 grid.js 表的最佳方法是什么。如果我不设置网格的高度配置对象，表格大小超出了他的容器，我就无法访问...

javascript responsive-design resize responsive gridjs

回答 1 投票 0

尝试使用媒体查询和Flexbox对项目进行响应式设计，但它不起作用

内容内容 .容器{...

html css flexbox responsive-design media-queries

回答 2 投票 0

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

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

javascript reactjs material-ui responsive-design responsive

回答 1 投票 0

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

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

scroll responsive-design tailwind-css

回答 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">

html css responsive-design

回答 1 投票 0

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

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

javascript html css layout responsive-design

回答 1 投票 0

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

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

html css responsive-design

回答 1 投票 0

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

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