responsive-design 相关问题

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

在React中使侧边栏和导航栏在移动屏幕中响应

所以基本上侧边栏和导航栏在我的代码中都是不同的组件我有 navbar.jsx 和 sidebar.jsx 并且两者都在 Student.jsx 下调用...现在在移动屏幕上我想要侧边栏

javascript css reactjs responsive-design responsive

回答 1 投票 0

您可以创建一个保留纵横比的 SVG 蒙版，并在缩放时粘在左右边缘吗？

我正在尝试创建一个 SVG，其中我需要遮罩来保留其各自的纵横比，同时坚持 SVG 容器的左右边缘。口罩不应变形或丢失...

svg responsive-design

回答 1 投票 0

如何完全禁用div元素的垂直收缩

我的网站上有一个 div，我想保持视口高度，直到 div 变得足够小到子元素开始碰撞的位置（或稍早）。我试过最小高度...

html css responsive-design

回答 4 投票 0

为什么我的 max-width 属性被忽略？

我目前正在开发一个网站，现在我专注于响应能力。突然之间，不久前，我在移动设备上的网站会自动加载放大到左上角......

html css mobile responsive-design

回答 1 投票 0

调整 svg 的大小会导致额外的高度

我有一个交互式 svg 并尝试使其响应 viewbox 和 display: flex: // HTML 我有一个交互式 svg 并尝试使其响应 viewbox 和 display: flex: // HTML <div className="interactive-svg"> <svg ref={svgRef} viewBox={`0 0 ${svgWidth} ${svgHeight}`} /> </div> // CSS-Styles .interactive-svg { display: flex; justify-content: center; align-items: center; svg { user-select: none; cursor: cell; } } 但是如果我缩小窗口大小，svg 似乎会获得不应该存在的高度：如果我检查该元素，我会发现它会自动设置高度和宽度。如果我在检查器中将其删除，则会出现所需的效果：如何在 HTML/CSS 中指定以获得所需的效果，这意味着“矩形”-svg 保留是因为弯曲吗？ Flexbox 是您需要为子 svg 显式（重新）设置宽度和高度的原因： .interactive-svg svg { width: 100%; height: auto; max-width: 100%; max-height: 100%; user-select: none; cursor: cell; }

html css svg responsive-design resize

回答 1 投票 0

Bootstrap响应式布局，彻底改变中大屏设计中的小屏设计

所以首先我使用 html css 和 js 构建一个页脚。然后我发现了 Bootstrap 并尝试使用 Bootstrap、移动优先设计来创建它 <576px. I've done the footer in the medium and la...

html css responsive-design bootstrap-5

回答 1 投票 0

Contenteditable Div 展开而不是添加滚动条

我有一个带有 ID 编辑器的 contenteditable div。我遇到一个问题，当我添加内容时，编辑器的高度不断扩大。我将overflow-y设置为auto，但没有添加scrollba...

css flexbox responsive-design overflow contenteditable

回答 1 投票 0

有没有办法让iframe在typo3中的html内容元素的高度上响应？

我正在使用 Typo3 中的内容元素 HTML 来包含 iframe，以显示从数据库查询（php 文件）生成的内容。此内容用于之前创建的网站...