腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
使
两个
div
具有
响应
性
-
在
大屏幕
上
并排
,
在
移动
设备
上
彼此
下方
、
我试图让这
两个
div
很好地结合在一起,但这行不通。我已经得到了
大屏幕
视图,但无论我做什么,
div
在
小屏幕(
移动
设备
)
上
都不能正确地堆叠在一起。我已经尝试了其他问题中的许多建议,但我要么有相同的问题(没有显示第二个
div
),要么它们仍然会出现在
彼此
的旁边。我已经尝试了其他问题中的许多建议,但我要么有相同的问题(没有显示第二个
div
),要么它们仍然会出现在
彼此
的旁边。
大屏幕<
浏览 11
提问于2019-06-05
得票数 0
2
回答
如何将包含
两个
div
的列拆分到
div
在
较小屏幕大小
上
的
并排
、
、
我
在
CSS、HTML和引导方面相当缺乏经验。 <
div
class ="row"> <
div
class="
浏览 2
提问于2018-03-28
得票数 0
回答已采纳
2
回答
语义UI:针对
移动
设备
进行更改
、
、
我对语义ui完全陌生,我就是不能让它工作,也不能在网上找到答案:我有一段html,我必须要用到: <
div
class="eleven</table> <
div
class="four wide column"><
浏览 3
提问于2021-06-25
得票数 1
1
回答
不清除自举
响应
网格列
、
、
、
、
我需要做一个简单的
响应
性
的引导网格,但是我被困住了。
在
移动
设备
上
,每台电脑都有12宽,
在
大屏幕
上有6。莫比尔县2 IMAGE
大屏幕
2 IMAGE我需要的是
使
3行动
DIV
不被2图像
div
清除
浏览 3
提问于2019-12-09
得票数 0
回答已采纳
1
回答
Bootstrap -行跨越列,但保持
响应
、
、
、
我正在尝试创建一个基于bootstrap的时间表,我希望它能够跨
设备
响应
,但这比我想象的要难一点。
在
较大的
设备
上
,布局应如下所示,
具有
3个并行会话,但小时槽跨列
彼此
对齐:这将与
移动
视图不同,
在
移动
视图中,柱
彼此
位于
下方
,并且忽略水平对齐:我确实尝试
在
每一列中使用一个表,但很快意识到这个想法是有缺陷的
使
柱
具有</em
浏览 0
提问于2016-03-09
得票数 3
2
回答
在
小屏幕
上
渲染时立方体的笨拙形状
、
我堆叠了一系列的小
div
来显示一系列的统计数据。问题是要在手机上正确显示它们。你能给我推荐一个替代方案吗?值得注意的是,这个设计来自一个管理模板。这是你会在
大屏幕
上
看到的:以下是使用手机时立方体的显示方式:<
div
class="col-2">
浏览 0
提问于2019-06-01
得票数 0
4
回答
如何在
大屏幕
上
显示
移动
屏幕设计?
、
、
、
在
设备
之间切换设计时,我遇到了问题。我知道css3 @media查询是用来根据
设备
宽度、方向等来处理的。这是
移动
屏幕大小的设计。这是
大屏幕
的设计 媒体查询可以很好地切换设计。但是我想在桌面屏幕
上
显示
移动
屏幕的设计,当父
div
大小很小时,例如等于
移动
屏幕大小?<
浏览 8
提问于2015-02-12
得票数 3
回答已采纳
3
回答
如何将背景与图像对齐,即使调整大小也是如此
、
在
一个
大屏幕
上
看起来像这样。有
两个
div
,每个
div
跨越6列(总共12列)。例如,
在
移动
设备
中调整大小时,文本位于图像
下方
。
浏览 6
提问于2016-08-11
得票数 1
回答已采纳
1
回答
我的柱子不断地撞在一起
、
、
所以我试着让
两个
巨大的道具指示
两个
入口进入我的网站。
在
一个中
大屏幕
上
,它们
并排
出现,间隔在中间.
在
一台平板电脑或
移动
设备
上
,我想把这些巨无霸堆起来。引导程序3
上
的文档
使
我
在
缩小页面时自动发生这种情况,但是这并没有发生在我身上。我不知道我做错了什么,我真的是新手。现在,当它变成一个中等大小的屏幕时,空白就消失了,它们被
并排
挤压。我的html如下所示
浏览 2
提问于2014-04-17
得票数 0
回答已采纳
2
回答
Bootstrap Foundation:
在
大屏幕
上
,网站将
两个
容器放在一起
、
、
<
div
class"container"> <
div
class="col-12"> </
div
> <<em
浏览 1
提问于2018-10-18
得票数 0
1
回答
Markdown中的
响应
表
、
、
如何
使
markdown表
具有
响应
性
?我使用的是Jekyll,它可以渲染markdown文件。2ahUKEwjZl8ji8r_dAhUIsqQKHSA1Cz0QjRx6BAgBEAU&url=https%3A%2F%2F" width="100" /> | hello | hello |hello | hello 我
在
<它在
大屏幕
上
呈现完美,但在小屏幕或
移动
设备
上</e
浏览 0
提问于2018-09-25
得票数 2
1
回答
引导3
移动
div
在
移动
上的位置
、
、
因此,根据这个:,我应该能够根据视口交换
div
的位置。我尝试使用以下html (它是树枝--但这不应该有什么区别): <
div
class="container-fluid"><
div
class="row"> <
div
class="col-md-6 col-xs-12 col-xs-push-12&q
浏览 0
提问于2018-06-18
得票数 0
回答已采纳
1
回答
如何根据屏幕宽度定义变量?
、
、
我有
两个
相邻的矩形
div
,它们像卡片一样翻转,
在
背面显示信息。
在
移动
屏幕
上
查看时,这些卡片是垂直堆叠的,而不是
彼此
并排
。这会改变我想要动画翻转卡片的点。window.matchMedia("(max-width: 480px)")) {} else {} 预期的结果是
在
大屏幕
上
,当card2<
浏览 33
提问于2019-01-05
得票数 0
回答已采纳
1
回答
ReactJS -处理
响应
性
设计方法的正确方法?
、
、
、
、
当涉及到
响应
性
设计时,我总是使用CSS和媒体查询。我已经用ReactJS开发了一段时间,但我觉得我的
响应
性
设计方法太草率了。当抽屉打开时,抽屉里有一个按钮,但我只想在
大屏幕
设备
的抽屉里显示这个按钮。
在
移动
设备
上
,我想将该按钮显示为屏幕右下角的浮动操作按钮。因此,我不想在抽屉里渲染
移动
设备
的按钮。,以确保它不会呈现在
大屏幕
上
)。这很好,因为它不会在
浏览 0
提问于2018-09-29
得票数 0
1
回答
Bootstrap单页布局视口宽度单位
、
、
我
在
Bootstrap中创建了一个简单的单页布局,但是
在
大屏幕
和
移动
设备
上
,我正在努力解决
div
的背景色问题。
在
大屏幕
上
,
div
的大小是100vw宽,100vh高-一切都很好。问题是,当我缩小视区时,
div
的所有内容下都没有所需的颜色,内容溢出到第一个
div
下的第二个
div
中。 无论视区大小如何,如何
使
div
在
浏览 0
提问于2015-08-09
得票数 0
1
回答
Bootstrap
响应
式设计中的堆叠列和图像
、
、
、
我想要堆叠四个图像,这些图像在桌面大小
上
彼此
相邻,
在
2列(1和2)中
彼此
之上 3和4)
在
移动
屏幕大小中,使用引导12列网格。最初的4个img相似,但大小不完全相同。高度
在
40到57像素之间变化,宽度
在
176到220像素之间变化。当显示为无
响应
时,它们会以桌面大小的方式出现,
彼此
相邻。但是,当我通过
在
html中添加width=100%
使
它们
具有
响应
浏览 0
提问于2015-01-30
得票数 1
2
回答
无法
使
引导列“流体”
、
我想在某种意义
上
做我的
div
“流体”。示例:我有三个
div
,每个都有一个类:<
div
col-12-xs col-6-md> </
div
> 因此,如果使用此示例代码,则显然是将第三个
div
向下推
浏览 3
提问于2017-11-02
得票数 1
回答已采纳
1
回答
如何在回复邮件模板中堆叠列?
、
、
、
我试图让列
在
大屏幕
上
并排
显示,并在
移动
设备
上
堆叠显示,但到目前为止我还无法做到,我尝试了与相同的方法,它们添加到
div
的浮动,然后
在
小型
设备
上清除浮动,例如: <tr>-- content --> <
div
class="colu
浏览 1
提问于2013-06-01
得票数 8
回答已采纳
2
回答
50%宽度盒子
上
的
响应
式设计
、
我有
两个
盒子,每个盒子都有width: 50%;,用float把它们放在一起。一个是白色背景,另一个是灰色背景。他们做得很好。但白色和灰色的方框保持50%的宽度--在这一点
上
,它们应该100%地填满整个宽度。这种
响应
效果的正确方式是什么,这样产品
在</e
浏览 1
提问于2014-09-08
得票数 1
1
回答
如果元素
移动
到新行,则调整元素大小
、
、
、
在上,我有两张
并排
的图片。这两张图片的高宽比不同。我希望这
两个
图像
具有
相同的高度,所以给图像不同的宽度。我使用了填充底部的技巧来使图像的高度和宽度始终保持成比例。为此,我
在
CSS文件中添加了以下内容 width: 33.9%; </
div
> 我使用了'min:width:172px‘语句,因为我想让这两张图片在
移动</em
浏览 7
提问于2016-07-24
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从零开始学 Web之移动Web(七)Bootstrap
HTML中常用的布局元素及布局方式1
响应式WEB设计的9项基本原则
什么是响应式网页设计?
2020 年响应式 Web 设计备忘清单
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券