腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
Flexbox
-
如何
响应
移动
?
、
、
如何
使此部分具有
移动
性?我设计了一个figma,复制并粘贴了figma生成的
CSS
。当屏幕尺寸缩小时,可以单独使文本和图像堆叠在每个文本和图像的顶部。或者我只是在figma中为每种尺寸的屏幕设计布局,然后使用媒体查询来调用正确的
css
布局?或者,有没有其他更好的方法呢? <meta name="robots" content="index,follow"> <link rel="styleshe
浏览 10
提问于2020-05-07
得票数 0
回答已采纳
4
回答
如何
在
css
(或
flexbox
)中创建行和列?
、
有没有办法在
flexbox
或
css
中同时使用行和列来对齐
响应
div,如下所示:由于排序(和
移动
断点),我不能简单地处理列,并且由于略微的偏移量,行不能真正工作。应该注意的是,当为
移动
设备调整大小时,它应该根据编号顺序堆叠在顶部。 任何和所有的帮助都是感激的。
浏览 5
提问于2015-12-10
得票数 1
4
回答
响应
式布局,左栏可向右
移动
、
、
假设我们有一个
响应
式设计,有3列(所有3列都是动态内容,所以我们不知道它们的高度) 对于tablet (左列向右
移动
)我们实现这一目标的最好方法是什么?(我不介意使用
flexbox
或其他现代
css
规范)
浏览 1
提问于2015-12-15
得票数 0
2
回答
无法使NavBar具有
响应
性?
、
、
我在一个网站上工作,专注于让它在一个特定的元素上做出
响应
。实际上,这是NavBar。当我给它margin-right:400px并使它成为网页的中心时,它在笔记本电脑屏幕上工作,而在较小的
移动
屏幕上不工作,当我通过添加width:100 5 height:auto and margin-right:400px;使用
响应
属性时,它在小型设备上工作,但在笔记本电脑屏幕上不工作。
浏览 1
提问于2020-07-09
得票数 1
3
回答
使输入字段始终居中
、
、
、
下面是html和
css
代码: #teaser-input{ } margin
浏览 2
提问于2016-12-11
得票数 0
1
回答
Flexbox
高度和背景图像高度
、
、
、
我是html和
CSS
的初学者,我会尝试用可点击的点来制作地图,但我不明白。我收到了使用柔性盒和创建一个以地图作为背景图像的容器的提示,并创建了单独的容器,这些容器可以为可点击的点保存图像按钮。该解决方案必须
响应
并同时适用于桌面和
移动
设备。是否有人知道
如何
将背景图像和容器的高度设置
浏览 4
提问于2021-12-19
得票数 1
回答已采纳
1
回答
Flexbox
在Android (Samsung)浏览器中无法正常工作
、
、
在
移动
设备中,我希望列表解析为2列/4行或3列/3行。 使用
CSS
Flexbox
,我已经做到了这一点,如果我在我的笔记本电脑上工作,并在开发人员工具中模拟
移动
设备显示,这是很好的。但是,如果我真的在
移动
设备上查看页面(我使用的是三星浏览器,所以是Android浏览器),
响应
式的flex
CSS
不能工作(实际上,在Android中,水平列表垂直显示在一列中-这是可以的,但不是我想要的我随后读到,在Android中
CSS
Fl
浏览 27
提问于2019-11-22
得票数 0
2
回答
如何
根据屏幕大小调整网页大小?
这是我的网页的
CSS
代码,我想根据屏幕尺寸和分辨率调整这个页面的大小。不同的div类用于设置div容器的样式。
浏览 1
提问于2021-01-08
得票数 0
2
回答
在其中添加图像时,Div高度未填满屏幕大小
、
、
Celebrations}></img> </div> @import url('https://fonts.googleapis.com/
css
浏览 27
提问于2019-09-29
得票数 0
回答已采纳
1
回答
如何
使用
flexbox
正确地将文本放置在图像上
、
、
、
、
我可以使用
CSS
绝对定位让它工作,但文本没有
响应
,并且根据屏幕大小
移动
。我需要的文本是
响应
性的,并根据屏幕的大小进行调整,以便它留在与图像相同的位置。https://i.postimg.cc/8cXs8gZ9/working-horse.jpg' /></div>
CSS
浏览 5
提问于2020-05-09
得票数 0
3
回答
Flex Box和Media查询
、
、
、
当您已经使用了flex框时,您还需要媒体查询来使网站
响应
吗?是否有媒体查询可以更好地控制媒体的情况?
浏览 8
提问于2019-11-19
得票数 0
1
回答
角度材质
Flexbox
、
、
、
、
在尝试了各种
flexbox
方法之后,我需要寻求指导。我必须为桌面和
移动
设备制作一个复杂的布局。然而,即使是
移动
布局也需要改变,我想从这一点开始。这是我需要完成的第一个布局,我希望使用angular / material /
flexbox
,如果这是完成此任务的最佳方法的话。(Bootstrap不是我的选项。) ? 到目前为止,我已经准备好了一些东西,但这是一个挑战,因为我不完全理解
flexbox
特性材料已经提供了什么。对我来说,更大的挑战是让右边的盒子向右包裹。现在,它在其他物品
浏览 18
提问于2019-09-18
得票数 3
回答已采纳
2
回答
如何
右对齐图标?
<div class="container-fluid m-0 p-0 text-overlay"> <div class="col-12 m-0 p-0"> src="images/Background.png"
浏览 25
提问于2021-10-29
得票数 0
4
回答
如何
将从左侧滑入的
flexbox
过渡到页面居中?
、
、
我目前有一个带有
css
属性的
flexbox
,如下所示: #root { width: 85%; border: 1px #F2F0F0 solid我现在想把它滑到右边,然而,我读到你不能对计算值使用过渡,比如margin: 0 auto,这是我想让我的
flexbox
过渡到的
css
,以便将我的
flexbox
相应地居中到屏幕的中心。我
如何
才能做到这一点呢?我肯定我错过了一些简单的东西。我目前的过渡只是到了一个没有
响应
性的
浏览 27
提问于2018-02-21
得票数 0
回答已采纳
1
回答
移动
式柔性箱柱的倒塌
、
我有两列(使用
flexbox
)和一个媒体查询断点。然而,我尝试了下面的
css
属性,以获得100%的列,并在
移动
时相互叠加。挠曲生长: 1;.
flexbox
-container { display: -webkit-flex;}.
flexbox
-column { width: 100%;
浏览 0
提问于2018-05-25
得票数 5
回答已采纳
1
回答
响应
式Web设计-元素之间的差距
、
、
、
、
我正在尝试使用box-sizing: border-box;创建一个
响应
式的web,我知道大多数,如果不是所有的话,他们的语义标签都放在左边。现在我知道你可以用
flexbox
重新排列所有的元素,但我对
flexbox
还不够有信心。
浏览 21
提问于2020-11-04
得票数 0
1
回答
CSS
flexbox
响应
div
、
我有以下代码:.container { flex-wrap: wrap; margin: auto;} // box-sizing: border-box; align-content: center; displ
浏览 14
提问于2017-02-23
得票数 1
回答已采纳
1
回答
响应
背景图像的按钮
、
、
、
、
" href="#">Buy Coupon</a> </div> 当我使用
移动
设备进入时,我想要背景图像,并且按钮的大小会以一种
响应
式的方式进行调整,并且我希望它们留在相同的位置。
浏览 17
提问于2020-05-01
得票数 0
1
回答
响应
式
CSS
:到达媒体查询断点后,将中间div行
移动
到单独的列
、
、
、
、
我正在使用
CSS
媒体查询来创建
响应
式布局。在我当前的HTML布局中,我使用
flexbox
来对齐div的行: <div id="page"> <div id="div-2">DIV2</div> <div id=&quo
浏览 11
提问于2021-04-18
得票数 1
回答已采纳
2
回答
flexbox
和网格系统有什么不同?
、
、
、
flexbox
和网格系统之间有什么不同?我应该在什么情况下使用每个系统?
浏览 1
提问于2018-04-30
得票数 1
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
云直播
腾讯会议
实时音视频
活动推荐
运营活动
广告
关闭
领券