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