我找到了一种老式的html table方法，它最好地描述了我的问题和可能的解决方案： https://stackoverflow.com/a/25010234/2797243 如何在更现代的CSS的基础上实现同样的效果呢当前的标记如下所示，但可以很容易地进行调整： <div>A</div><div>B</div>
<div>b</div
浏览 18提问于2021-07-23得票数 1
回答已采纳
我已经使用npm安装了flex-layout。我想用卡片设计响应式网格。我正在使用md-grid-list和md-card。如何将flex布局与md-card或md-grid-list一起使用。网格和卡应根据窗口/屏幕大小进行响应。预期结果:只要我减小屏幕尺寸，列数就应该减少，当屏幕尺寸较大时，列数应该会增加，而不会与卡片中的内容重叠。
浏览 0提问于2017-05-11得票数 1
如果我为5英寸的设备设计UI，它在5.2英寸的设备上看起来不太好。在不同屏幕大小的模拟器上也会显示混乱的UI。有什么办法可以解决这个问题吗？或者我必须为每种屏幕尺寸设计它？
浏览 1提问于2016-04-25得票数 0
我有一个两列的行，其中一行包含一些文本，以保持它的高度和大小与窗口大小无关，而另一列--包含视频--随着窗口大小而缩小和拉伸。我是一个CSS的初学者，没有一个更好的想法如何通过阅读相关的答案在这里。<!-- Originally tried with bootstrap grid, but that didn't work, that's why the
浏览 6提问于2021-01-17得票数 0
我正在建立一个网站，将需要有不同的移动布局取决于设备的屏幕尺寸，但我不想必须为每个设备设计全新的布局。所以我想知道是否有一些我需要注意的东西不能很好地转换为移动布局？或者如何设置原始版本，以便更好地扩展到较小的设备。非常感谢
浏览 0提问于2011-10-27得票数 1
回答已采纳
2回答
我在一个网站上工作，专注于让它在一个特定的元素上做出响应。实际上，这是NavBar。:400px并使它成为网页的中心时，它在笔记本电脑屏幕上工作，而在较小的移动屏幕上不工作，当我通过添加width:100 5 height:auto and margin-right:400px;使用响应属性时
浏览 1提问于2020-07-09得票数 1
问题是，因为栅格容器和栅格元素是响应的(视口宽度的百分比)，所以图像的缩放不一致。例如，我的图片全尺寸是3x2、5x9和8x10。当它们加载到响应式网格中时，它们几乎都缩放到视口宽度的25%。网格中图像的最终“外观”显示的是5x9的图像，比8x10的图像按比例放大。如果你考虑相同大小的肖像和风景图像，失真会更严重。例如，5x7和7x5。它可以很容易地通过表结构而不是响应式网格来纠正，但这是不可接受的！</a>
<
浏览 0提问于2019-10-17得票数 0
1回答
我正在学习如何做铬扩展，我已经添加了按钮，并使用CSS设计它们的样式。如何制作三列和两行按钮？Button</a><a href="#" class="button">Button<&#
浏览 0提问于2019-01-13得票数 2
回答已采纳
我想把两个div并排放在一起，但是浮动和显示没有效果。我希望"1“一直向左移动，句子就在"1”现在的位置。所以我希望"lineCounter“div一直向左浮动，而"englishDiv”在"standardTranslationMasterDiv“中居中。我确信我犯了一个明显的错误，但我不知道它是什么。 谢谢你的帮助。 ? * { box-sizing: border-bo
浏览 23提问于2021-08-22得票数 0
我只是想要一些关于这个布局的建议。我不是一个有经验的CSS用户，所以我遇到的唯一的技术是将所有东西包装到一个div中，设置宽度和自动左/右边界。这种方法是未来可行的吗？
浏览 1提问于2011-02-11得票数 1
回答已采纳
我从前端开始，目前正在学习html / css / vanilla javascript。目前，它进行得很好，但我关心的是了解总体的设计布局组织，然后响应性设计成为我的另一个问题，因为我不能正确地定义默认布局。我是否应该在CSS中声明：
#main-grid</em
浏览 1提问于2020-06-24得票数 0
4回答
我正在试用进行网站的重新设计。我喜欢它的通用功能，它可以生成一个基于网格的响应式设计，而不需要把所有东西都放到额外的<div>中，也不需要给标签添加与布局相关的类名。我无论如何都会使用/，所以zen-grid是一个显而易见的选择。<li>3</li> <li>5</li>
浏览 0提问于2012-12-01得票数 0
回答已采纳
我希望将它们放置在一个网格中，这样它们就可以按列排序，基于可用容器宽度具有动态的列数，并且基于元素的数量具有动态的行数。例如，假设有9个元素：2 5 8但是如果容器宽度扩展：2 4 6 81 63 85
当项目按行定位，而不是按列定位时，这很好用此外，如果我显式地设置行数，它会工作得很好，但是如果我对行和列都使用自动填充，它只会在一行中显示所有内容。下面是一个我希望呈现为
浏览 0提问于2018-04-11得票数 11
1回答
我正在尝试使用柔性盒创建一个响应性的布局，其中一对项目(两对和四件)需要堆叠，当在大屏幕上时，第三部分旁边，但在窄屏幕上，顺序需要改变，以便它们被堆叠，一，二，三，四。.container { flex-wrap: wrap; border: 1px solid red;.section {border: 1px solid green;} width
浏览 1提问于2017-08-21得票数 3
回答已采纳
我正在建立一个新的网站，当我这样做的时候，我想我应该尝试一些新的技术，看看它们在实践中是如何工作的。#flex_wrapper { flex-directio
浏览 0提问于2018-03-21得票数 1
回答已采纳
1回答
我正在学习CSS grid，现在我正在尝试将grid应用到我曾经使用过的引导grid的地方。一切进展顺利，但我似乎不知道如何处理CSS网格中的利润率。我知道grid-row-gap和grid-column-gap，但这只涉及简单的用例，而不是我的所有用例。例如：
见所附的设计图片。如何实现这个css grid
浏览 3提问于2018-08-03得票数 0
2回答
建议将.col-*作为.d-flex容器中的子容器使用(允许)吗?或者不是使用.d-flex的方式，而是使用.row。
<div class="d-flex flex-row"> <div class="p
浏览 0提问于2018-04-19得票数 9
回答已采纳
我正在使用CSS媒体查询来创建响应式布局。在我当前的HTML布局中，我使用flexbox来对齐div的行： <div id="page"> <div id="div-2">DIV2</div>
<div id="div-3">DIV 3</div>
浏览 11提问于2021-04-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
