例如，在卡片设计中，使用相邻选择器可以很好地获取元素之间的边距。但是，在使用flexbox制作响应式元素时，如何保持相同的设计呢？这似乎只删除了第一个元素的页边距，而不是每行第一个元素的页边距。对于这个问题，有什么很好的解决方案吗？理想情况下，当8个元素都在一行或4行上时，它们看起来是一样的。 <div class="card">
浏览 14提问于2017-02-26得票数 1
1回答
响应式Web设计-元素之间的差距
、、、、
我正在尝试使用box-sizing: border-box;创建一个响应式的web，我知道大多数，如果不是所有的话，他们的语义标签都放在左边。在我的例子中，我划分了两个sections，一个是宽度为60%的aside，另一个是左侧浮动为40%的and。aside保持在右侧。我遇到的问题是section.upper-sec和aside.right-col之间的差距如果我在section.upper-sec和section.lower-s
浏览 21提问于2020-11-04得票数 0
3回答
通过使用flexbox，我试图在最小宽度为1024的屏幕上创建正确的布局(使用@media query)。作业说我们应该使用flex (速记)属性来做这件事，但我似乎想不出怎么做。由于这些字母定义了一个缩写，所以它们应该放在两个单独的div中。 希望我能够给出一个准确的描述所需的结果(见下面的图片为所需的结果)任何帮助将非常感谢！ 代码：Codepen <!content="width=device-width, initial-scale=1.0&qu
浏览 32提问于2020-08-24得票数 1
4回答
假设我们有一个响应式设计，有3列(所有3列都是动态内容，所以我们不知道它们的高度)
对于tablet (左列向右移动)我们实现这一目标的最好方法是什么？(我不介意使用flexbox或其他现代css规范)
浏览 1提问于2015-12-15得票数 0
我正在写一个使用css/flexbox的登录页面，我正在努力让一些图像是相同的大小。我有的标志图像都是不同的大小，我希望他们是相同的大小，可点击的链接。我可以通过创建一个css表来实现这一点，但如果可能的话，我真的很想使用flexbox。下面是有问题的代码：.how-to-buy { backgrou
浏览 13提问于2018-08-24得票数 0
1回答
我想使用flexbox和响应式图像(带有scrset和sizes的图像)。但结果似乎很可怕。即使我使用flex-grow拉动对齐，图像也有不同的高度，因为浏览器将加载不同大小的不同图像。我希望所有图像的高度是相同的。
我发现如果我使用flexbox，图像的sizes很难设置，这是不可预测的。有什么办法可以解决这个问题吗？是JSfiddle (请将结果窗口大小调整为更大，我使用<em
浏览 1提问于2018-03-30得票数 0
1回答
我想实现像stackoverflow那样的缩放风格。当你放大的时候，重要的内容会居中并占据100%的宽度，边上的所有东西都会隐藏起来。 这是可以通过纯CSS实现的，还是我需要使用JS？我的想法是检查每个JS的屏幕大小，并根据我渲染的div类进行渲染。
浏览 17提问于2020-06-18得票数 0
3回答
我正在尝试创建一个响应式电子邮件模板，以发送给我公司的用户。我们的列表包含来自各种ISP的用户，如Gmail/Yahoo等。我们有响应式设计在大多数情况下工作，但我们与雅虎有问题。问题是，在Yahoo中，它忽略了媒体查询css包装器，并在桌面版本上使用响应式css。在下面的示例中，@media only screen and (max-width: 580px)被忽略，我
浏览 4提问于2013-10-25得票数 1
这样的网站会根据浏览器的大小自动改变设计(特别是在移动设备上)。您可以将浏览器窗口的宽度更改为非常小，然后查看它是什么。谢谢您:)
浏览 0提问于2013-05-09得票数 2
回答已采纳
我知道有人问过一些关于创建等高列的类似问题，但我不是在使用表，而是只在CSS中工作。我在flexbox上做了很多研究，但是我的代码不能工作。我尝试使用媒体查询将文章放在两个或三个等宽的列中。我尝试的方法是为容器设置一个最大宽度，然后对文章进行包装，但我无法让它工作。
<div id="content"><!<a class="readMore" href="#">Read More</
浏览 0提问于2016-04-19得票数 0
2回答
我在一个网站上工作，专注于让它在一个特定的元素上做出响应。实际上，这是NavBar。当我给它margin-right:400px并使它成为网页的中心时，它在笔记本电脑屏幕上工作，而在较小的移动屏幕上不工作，当我通过添加width:100 5 height:auto and margin-right:400px;使用响应属性时，它在小型设备上工作，但在笔记本电脑屏幕上不工作。在笔记本电脑屏幕上，它位于屏幕的右侧。
先谢谢你……
浏览 1提问于2020-07-09得票数 1
1回答
我正在努力创建一个可伸缩的div/图像网格，它将根据浏览器的大小进行调整，如下所示：<div id="journal-overview">
<a href="#"><div class="journal-thumbs" style="background-color
浏览 0提问于2013-01-25得票数 0
回答已采纳
2回答
我是新手bootstrap，我需要转换一个静态页面到bootstrap响应，宽度是980像素。因此，我根据设计创建了引导列，并将每个div放入带有css校正的列中。我从未将非响应式转换为响应式，请帮助
注意:什么是媒体查询？我必须写3种不同大小的css吗？
浏览 0提问于2015-08-27得票数 0
3回答
对于plone 4.2.5，有没有一种简单的方法可以根据访问者的屏幕大小在桌面/移动版本之间切换主题？像这样的“如果小于640x480，那么”服务于移动版本？例如，谈论两个非重氮主题？什么是用于皮肤切换的++skin++，它可以工作吗？
我对plone是个新手，也不是真正的程序员，所以一个“理智”的解决方案将会很受欢迎！
浏览 0提问于2013-04-22得票数 0
1回答
特色区块内容的多图像组合
、、、、
我正在尝试为下面的XD布局创建可靠的标记和样式我为整个项目添加了bootstrap，但我不知道如何为这个布局编写标记和样式，并记住响应性！ top: 0;}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet&
浏览 1提问于2020-02-14得票数 0
我希望当我调整浏览器大小时，我的flexbox中的内容可以改变大小(即文字和图像按比例缩小)。 <div id="text"> </div>
<img src="images/img.png" alt=""
浏览 0提问于2016-02-09得票数 2
我使用的是带有flexbox的Bootstrap 4。我在container-fluid中有一个按字母顺序排序的分类为col-xs-12 col-sm-6 col-md-4 col-xl-3的项目列表。列是响应性的，项目的数量是动态的。因此，不可能知道容器的高度。演示：
这是我希望订单如何工作的图像
浏览 4提问于2016-08-20得票数 1
回答已采纳
我浏览了Angular 2的KendoUI组件存储库，现在我想知道布局组件，如带菜单的导航栏、flexbox (或类似的东西)和其他类型的容器是否会在最终版本中出现。或者如何实现响应式设计，尽管有几个动作组件(按钮，多选，...)。
也许，我仍然需要使用常规的bootstrap，比如设计我的web应用程序。
浏览 1提问于2016-12-23得票数 0
1回答
我正在学习响应式网页设计。我最近学习了如何使用flexboxes，并了解了@media如何使用最小宽度和最大高度为平板电脑和移动设备进行设计。当涉及到响应式设计时，一个比另一个更好吗？
浏览 12提问于2020-01-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
