responsive 相关问题

响应是用于指示通用响应式网站或Web应用程序编程或设计主题的标记。这是一个比'响应式设计'更通用的标签，它适用于你专门编写编程的情况（通常是html / css / js）。 “响应式”这个词本身就是指Web应用程序/网站在各种设备和屏幕尺寸上响应和调整其维度和交互性的能力。

媒体查询银河系折叠

css responsive

回答 6 投票 0

如何使水印响应迅速？

html css responsive

回答 1 投票 0

Adaptivetrigger不应用VisualState设置器

c# windows responsive winui-3

回答 1 投票 0

"WinUI 3: AdaptiveTrigger Not Applying VisualState Setters"

I have winui3 application that has three borders and I want to be responsive. when the window size is less the 600 the borders will be in one column and greater than borders will show in three colu...

c# windows responsive winui-3

回答 1 投票 0

角材料：在MAT-TAB-LABELS之间创建一个分隔线

fxFlex

angular angular-material tabs responsive

回答 1 投票 0

如何根据容器提供图像尺寸，而不是屏幕尺寸

I.E。我有一个桌面屏幕，1980px宽，但是屏幕的1/3容器，因此最大图像大小只需要宽660px，因此它应该显示800W图像。但是SRCSET只会脱离屏幕尺寸，因此，即使我显示缩略图，它也会加载1200W图像。有没有办法动态执行此操作。即仍然使用flebox和动态宽度，但是否可以基于容器宽度而不是屏幕宽度的适当尺寸？任何帮助将不胜感激，谢谢！

html css image image-processing responsive

回答 3 投票 0

使嵌套 div 内的 SVG 响应式

我有这个演示： https://codepen.io/LarryFine/pen/WbeLOPq #父母{ 位置：相对； } ＃孩子 { 位置：绝对；宽度：320px；高度：130像素； } 我有这个演示： https://codepen.io/LarryFine/pen/WbeLOPq #parent{ position: relative; } #child { position: absolute; width: 320px; height: 130px; } <div id="parent"> <div id="child" style="left: 0px; top: 0px; width: 320px; height: 130px;"> <svg width="320" height="130" xmlns="http://www.w3.org/2000/svg"> <rect width="320" height="130" x="0" y="0" style="fill:rgb(0,0,255);stroke-width:3;stroke:red" /> </svg> </div> <svg width="900" height="900" xmlns="http://www.w3.org/2000/svg"> <circle cx="350" cy="350" r="300" stroke="green" stroke-width="4" fill="green"></circle> </svg> </div> 我想做的是，当浏览器窗口缩小时，SVG 图像也会相应缩放。我还需要包装 SVG 的 div。我需要 div，因为我更喜欢使用 jQuery 来拖动矩形并调整矩形的大小。将大圆圈视为楼层地图。发生的事情是，我得到了网络浏览器的水平滚动条。有人有办法解决这个问题吗？谢谢，吉姆使用 viewBox 并让容器决定尺寸对于每个 SVG，添加 viewBox、width="100%" 和 height="100%"，可有效保持 SVG 宽高比并允许您独立指定整体尺寸。容器尺寸可以通过任何标准方式受到影响；由你决定。将其放入可拖动容器中，或者使用媒体查询，等等。 SVG 将进行相应调整。 https://codepen.io/MarsAndBack/pen/bNbOomY #child, #child3 { position: absolute; } #child3 { top: 10rem; } @media (min-width: 320px) { #child3 { width: 40rem; } } <div id="parent"> <div id="child"> <svg height="100%" width="100%" viewBox="0 0 320 130" xmlns="http://www.w3.org/2000/svg"> <rect width="100%" height="100%" style="fill:rgb(0,0,255);stroke-width:3;stroke:red"/> </svg> </div> <div id="child2"> <svg height="100%" width="100%" viewBox="0 0 900 900" xmlns="http://www.w3.org/2000/svg" > <circle cx="350" cy="350" r="300" stroke="green" stroke-width="4" fill="green" /> </svg> </div> <div id="child3"> <svg height="100%" width="100%" viewBox="0 0 320 130" xmlns="http://www.w3.org/2000/svg"> <rect width="100%" height="100%" style="fill:pink;stroke-width:3;stroke:red"/> </svg> </div> </div>

html css svg responsive

回答 1 投票 0

在较小的屏幕（手机、平板电脑）上查看时，将 div 堆叠在一起

我的 div 一直有问题。在移动设备上查看时，它们似乎都缩小了，而不是堆叠在一起。我希望你能帮我找出问题所在。我是...

html css bootstrap-5 responsive

回答 1 投票 0

使用 Flexbox 创建响应式表格

如何创建响应式表格？我想要的表与此类似：表格必须是响应式的，所以必须改变的是列的宽度。我认为最好的解决方案是使用

css flexbox responsive

回答 3 投票 0

网站在不同设备上无法正常运行以及响应问题

我的网站在不同设备上无法正常运行，遇到了一些问题。进行一些调整后，该网站会显示带有“项目 0”、“项目 1”等标签的项目，