腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
响应
式
正方形
网格
css
、
responsive
、
square
我想,如果我知道如何使其中一个完全
响应
,另一个方向就不会成为问题。 下面是我的代码结构的一小段,正如你所期望的那样,它是非常标准的(角度生成的): ?
网格
要么不适合屏幕宽度/高度(这些vw / vh数字对我来说真的没有意义),要么只在一个方向上
响应
良好。 我对使用flex / bootstrap /普通
CSS
的建议持开放态度。这是我在
CSS
中无法在无限的时间内解决的第一个问题。:
浏览 56
提问于2019-09-26
得票数 0
2
回答
如何创建
网格
并在列中随机放置元素?
javascript
、
jquery
、
html
、
css
我有一个
响应
式
网格
是用js和
css
创建的。在
网格
中的每一列中,我想放置元素(红色方块),但方块应该随机放置,并且只放置在一些列的内部。有50列,假设我想在列中随机放置20个
正方形
,这样
正方形
就不会重叠。我如何以最好的方式实现这一点?
浏览 1
提问于2017-08-15
得票数 1
1
回答
响应
式
正方形
网格
上的透明覆盖
html
、
css
、
twitter-bootstrap
、
layout
、
twitter-bootstrap-3
我正在尝试制作
响应
式
正方形
图像
网格
,每个
网格
由9个图像组成。我只是使用简单的bootstrap
网格
布局来制作
网格
- <img class="home_images" src="#image*" style="height--Nine more images like this-->我需要在每个<
浏览 2
提问于2018-01-14
得票数 0
回答已采纳
1
回答
网格
项高度与
响应
式
方形子项不匹配
html
、
css
、
reactjs
、
flexbox
、
material-ui
我需要一个
响应
式
的
正方形
div地图组件,然而,使用打破了
网格
布局,因为父
网格
div没有展开。 <Paper className={classes.map}> </Paper></Grid>
网格</e
浏览 12
提问于2019-08-20
得票数 3
1
回答
由容器包装的
响应
式
正方形
网格
html
、
css
、
responsive-design
我正在尝试创建一个没有js的
响应
式
正方形
网格
。我发现了一个很好的解决方案: <div style=
浏览 0
提问于2015-03-27
得票数 1
2
回答
正方形
网格
以适合其父对象
css
、
responsive-design
、
css-grid
我需要创建一个
响应
式
的方格
网格
。我的
网格
在它的父
网格
里面,父
网格
也是
响应
式
的。我想让我的
网格
恰好适合它的父级。我不知道如何实现它,并且仍然使用
正方形
单元格。我知道使用padding-bottom: 100%使元素成为
正方形
的诀窍,但我不确定如何在这里应用它。另外,我不能只计算单元格的百分比,因为单元格的数量可以改变。
浏览 40
提问于2020-11-29
得票数 2
5
回答
具有
响应
方格的
网格
布局
css
、
flexbox
、
css-grid
我想要创建一个
网格
布局与
响应
广场。在每个
正方形
之间设置一个排水沟也有困难。 </div> <div class="content column&qu
浏览 13
提问于2017-10-03
得票数 57
回答已采纳
2
回答
反应和
响应
式
网站
css
、
responsive-design
、
reactjs
有没有示例演示在React上构建的
响应
式
网站?我想有我的网站在台式机和智能手机,也许平板电脑。不,它不是下一个Facebook的用户界面,它是为非常有限的用户圈子,维护一个测量系统。
浏览 3
提问于2016-01-10
得票数 3
2
回答
使用百分比和最大宽度将图像裁剪为
正方形
css
、
image
、
internet-explorer-8
、
crop
工作在一个
响应
式
网站,所以我不能使用设置的宽度。 我需要所有裁剪到
正方形
的照片。我不能定义确切的测量值,因为它还需要有max-width:100%才能使其成为
响应
式
图像,从而相对于容器(相对于浏览器的宽度)调整其大小。
浏览 0
提问于2013-05-22
得票数 7
2
回答
液体布局中的垂直页边距与水平页边距成比例
html
、
css
这将很难解释,但希望有一两个
CSS
忍者可以帮助我。基本上,我想创建一个
正方形
DIVs
网格
(想象一下Windows7 phone的metro界面),它使用百分比拉伸以适应屏幕,并且在
正方形
之间具有相等的水平和垂直间距。2)在调整屏幕大小时,如何创建成比例的垂直间距来匹配
正方形
之间的水平间距?我是不是想错了?非常困惑。
浏览 0
提问于2012-01-04
得票数 0
回答已采纳
2
回答
将Angular Material2与Bootstrap4
css
结合使用进行
网格
布局
angular
、
bootstrap-4
、
angular-material2
(alpha.7)还没有像那样的
响应
式
网格
组件。bootstrap中的布局/
网格
系统允许创建
响应
式
布局(不需要编写涉及自定义媒体查询的
css
和计算断点的像素值),这是非常有用的。我注意到在material2项目中包含bootstrap
css
时,material2组件的页边距/填充存在问题。例如:md-card组件开始重叠。在material2中,有没有办法在不包含bootstrap <e
浏览 25
提问于2016-08-20
得票数 6
1
回答
如何在
正方形
宽高比内居中显示图像并保持
响应
性?
html
、
css
我正在为一个客户创建一个产品
网格
,并且面临着如何将动态缩略图(有时是
正方形
、纵向或横向)以
正方形
纵横比适当居中并保持
响应
性的问题。我目前正在做以下工作,但想知道是否有更干净的
css
解决方案在div中居中(垂直/水平),就像你使用background-size: contain在
响应
式
div上放置背景图像一样。
浏览 9
提问于2019-06-24
得票数 0
回答已采纳
1
回答
jQuery/
css
:方形div的流体
响应
式
同位素
网格
jquery
、
css
、
jquery-isotope
我正在尝试弄清楚是否有可能有一个流体同位素布局的
正方形
div。我有一个4列
网格
,每个div是容器宽度的24%,但我希望这些div是完美的
正方形
,我不知道如何实现这一点。columnWidth: $container.width() / 4 }); });
css
有没有可能有完美的
正方形
响应
式
div?
浏览 0
提问于2013-05-14
得票数 3
回答已采纳
2
回答
语义HTML5
CSS
3
响应
式
设计
html
、
css
在阅读了大量关于使用HTML5和CCS3进行
响应
式
网页设计的书籍后,我开始搜索可以使用的示例模板。我宁愿从头开始构建,也不愿使用框架。
浏览 0
提问于2012-12-24
得票数 2
1
回答
Bootstrap 4中的
正方形
网格
html
、
css
、
twitter-bootstrap
、
bootstrap-4
如何在Bootstrap 4中创建
响应
式
正方形
网格
?我知道我可以用以下命令创建
网格
<div class="col-md-3" style="width: 100px; height: 100px; color:class="col-md-3" style="width: 100px; height: 100px; color: red"><
浏览 2
提问于2017-10-11
得票数 2
3
回答
强制
CSS
到
响应
容器中的方形图像。
html
、
css
、
twitter-bootstrap
、
responsive-design
我有一个
响应
图像
网格
背景在我的网站。所有的工作与完美的
正方形
图像,但当一个图像是1 1px的高度,
网格
断裂。"resp pull-left"> </div>我只想把
正方形
浏览 2
提问于2013-11-25
得票数 0
1
回答
特殊
网格
css
响应
式
css
、
grid
、
responsive
有没有可能让这种
网格
响应
呢?请参见下图。我更愿意提到的是,样式将由php脚本动态编写。
浏览 0
提问于2016-04-27
得票数 0
1
回答
Bootstrap中的
响应
式
正方形
网格
css
、
twitter-bootstrap
、
grid-layout
我想创建一个
响应
图像的
网格
,这些图像总是在Bootstrap中为
正方形
。所以基本上他们应该占据整个左边的高度,更大的
正方形
。
浏览 2
提问于2015-07-06
得票数 7
2
回答
如何使用
正方形
创建
响应
式
网格
?
mobile
、
grid
、
xamarin
、
xamarin.forms
我现在正在创建一个
网格
,用按钮填充。现在我希望这个
网格
是
响应
式
的,按钮是方形的。我想创建的东西将看起来像一个iOS或安卓主屏幕(只是按钮)。Orientation = ScrollOrientation.Vertical, }; 所以在这里我创建了一个有3列的
网格
浏览 5
提问于2014-06-26
得票数 3
1
回答
如何使两个div具有相同的高度,其中一个必须保持
正方形
纵横比?
html
、
css
、
flexbox
、
image-gallery
、
aspect-ratio
我正在创建一个
响应
式
的图像
网格
。每行都有两个图像-一个是矩形的,一个是
正方形
的-并且每行的布局是相反的(square rectangle -> rectangle square,依此类推)。目前,我正在使用height: 0; padding-bottom: 100%来使我的
正方形
div保持其比例,而矩形div则获得height: 100%; padding-bottom: 0;。我已经在这个CodePen中重新创建了我的问题:https://codepen.io/Da
浏览 19
提问于2021-11-08
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS之响应式Web设计
轻松实现响应式——CSS变量
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
如何仅使用CSS创建响应式导航菜单
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券