Flexbox:当一行中的4个不适合时，创建2x2网格
Flexbox是一种用于网页布局的CSS模块，它提供了一种灵活的方式来排列和对齐网页元素。当一行中的4个元素不适合时，可以使用Flexbox来创建一个2x2网格。
Flexbox的优势包括：
- 灵活性：Flexbox可以根据容器的大小和内容的变化自动调整元素的布局，使得网页在不同设备上都能良好地适应。
- 简单易用：使用Flexbox可以通过少量的CSS代码实现复杂的布局效果，减少了开发的复杂性。
- 自适应性：Flexbox可以根据元素的大小和内容自动调整元素的位置和大小，使得网页在不同屏幕尺寸上都能呈现出最佳的布局效果。
Flexbox适用于各种场景，包括但不限于：
- 响应式布局：Flexbox可以根据不同设备的屏幕尺寸自动调整元素的布局，使得网页在手机、平板和桌面电脑上都能良好地显示。
- 网格布局：Flexbox可以创建复杂的网格布局，使得网页元素能够以自适应的方式排列和对齐。
- 导航菜单：Flexbox可以用于创建水平或垂直的导航菜单，使得菜单项能够自动调整位置和大小。
- 图片库：Flexbox可以用于创建图片库，使得图片能够以网格的形式排列展示，并且在不同屏幕尺寸下自动调整布局。
腾讯云提供了一系列与Flexbox相关的产品和服务，包括但不限于：
- 云服务器（CVM）：提供灵活的虚拟服务器，可用于托管网页和应用程序。
- 云存储（COS）：提供安全可靠的对象存储服务，可用于存储网页中的图片、视频等静态资源。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，可用于存储网页中的动态数据。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，可用于处理网页中的后端逻辑。
- 云安全中心（SSC）：提供全面的安全监控和防护服务，可用于保护网页和应用程序的安全。
更多关于腾讯云产品和服务的信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个内部有四个<li>的<ul>，每一个都有20%的宽度，但最小宽度是200px。现在，每当我调整视区的大小，使得行中的4不适合时，它不是在2x2网格中绘制<li>，而是将3放在行中，而将剩余的放在另一行上。
当一行中的4个项目不适合时，我必须使用哪个flexbox属性来创建2x2网格？
浏览 4提问于2017-07-29得票数 0
回答已采纳
假设我们有一个任意大小的网格，由不同宽度和高度的块填充。有许多2x2块(这意味着它们在网格中总共有4个单元)和许多3x3块，以及大约5x4、4x5、2x3等等。
我希望我能建立一个程序，看看所有可能的布局，并对它们进行排序，并找到最好的一个。简单地说，它将查看这些块的所有可能的位置，并查看什么设置是最好的排名。(根据1×1路障的道路系统可以连接其中的多少个方格，以及在完成后有多少个方块是空的)。-希望以最少的道路为最多的街区提供服务。)
我的问题是，我应该如何穿越所有的可能性？我可以把所有的块都取下来，一次试一次，但是由于所有的2x2块都是相等的，而且有几十个块，所以没有必要尝试所有的组合，如
浏览 0提问于2012-10-27得票数 1
回答已采纳
我试图使用CSS flexbox来设计一个在一个div中包含图像的网格，它将占用父div的全部长度，然后在div旁边的一个2x2网格中有四个div，如下所示：
我目前正在尝试构建这个框架，但是一直遇到处理创建div 1旁边的2x2网格的问题，因为我无法让网格始终以2x2的形式显示，也不能让其中的每个div根据div 1的大小动态地分割剩余的页面宽度。
我目前正在工作的代码如下：
#intro-section {
padding-top: 16px;
padding-left: 32px;
display: inline;
}
.flex-conta
浏览 1提问于2019-12-01得票数 0
回答已采纳
2回答
我是一名新闻系的学生，我不知道如何为2x2的图像网格做CSS，起初图像是排成一行的，现在它们在一列中非常伸展。有人能帮我弄清楚怎么做吗？(photo of my code) /* Work Layout */
.work div {
display: flex;
flex-flow: wrap;
width: 150px;
height: 300px;
}
.img {
"images/benbball.jpg"
width: 50px;
}
浏览 29提问于2019-03-15得票数 0
我试图用css网格创建以下布局：
到目前为止，我所做的尝试如下：
.grid {
padding: 16px;
display: grid;
grid-template-rows: repeat(auto-fill, 200px);
}
img {
height: 100%;
width: auto;
}
但我很难让列数动态化。难道根本不可能吗？
浏览 4提问于2018-06-26得票数 0
回答已采纳
1回答
我是react-native的新手，我正在尝试创建一个按钮网格，我可以在其中更改每行按钮的数量和按钮的总数。制作网格本身不是问题，但更改每行的项数就更难了。有没有人能给我一些建议，告诉我应该用什么来实现这个目标？我现在正在使用flex-box和ListView。
浏览 9提问于2016-08-24得票数 0
回答已采纳
我有以下几点：
<div class="container-fluid">
<div class="row-fluid">
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
<div class="span3"></div>
浏览 0提问于2013-02-10得票数 2
1回答
我试图从格式化为如下格式的文本文件中加载：
a - Total Number of rows in file
b - Total Number of columns in file
x - Row Value for each picture box
y - Column Value for each picture box
z - Picture Value for each picture box
A和b用于创建图片框的网格。x、y和z将用于放置每个图片框，并将其图片设置为x、y和z部分，直到网格满为止。
文件示例：
2
2
0
0
0
1
0
1
0
1
2
1
1
3
此示例用于2x2
浏览 8提问于2022-11-25得票数 -2
我正在尝试确定使用什么算法来确定布局，以产生2x2正方形网格的最大数量，这些网格可以容纳在更大的非均匀网格中。下图显示了一个非均匀网格(黑线)的示例，该网格最多包含12个拟合的2x2方形网格(蓝色方框)。是否有系统的方法来确定可产生最大容量的布局？如下图所示，2x2正方形网格不需要水平或垂直对齐。谢谢! ?
浏览 15提问于2020-12-16得票数 1
回答已采纳
我希望开发一个组件的角度，这将作为一个模板，为未来的项目。其思想是，该组件由行和列的N×M矩阵(很容易用HTML实现)组成，其中的空格是用于其他组件的。
问题是，我希望一些组件能够在这个N的M网格中使用多个空间。例如，图可以是N×M网格中的2x2，而一个数字的卡片很可能是1x1。
问题是，我不想每次想要在网格上移动2x2组件时都重写整个HTML。
在本例中，黑色网格中填充了一些组件(以颜色表示)，这些组件可能在其中使用多个空格。
到目前为止，我一直在研究的解决方案是：
使用标准的引导网格系统(我必须为使用多个空格的组件重写HTML )
使用画布(在画布中找不到“绘制”组件的方
浏览 4提问于2020-11-27得票数 0
回答已采纳
我有4个子图(使用add_subplot创建)组织在一个2x2的矩形网格中。第二行中的两行不需要占用那么多空间，我希望将其更改为顶行占据三分之二的空间，而底行占据其余三分之一的空间。
我发现您可以通过使用axes函数创建子图来任意放置它们，该函数接受顶部、左侧、宽度、高度的列表，但这会使代码变得有点混乱和武断。
有没有一种“好”的方法呢？或者我必须单独放置每个子图？
浏览 1提问于2010-08-06得票数 1
回答已采纳
1回答
我正在将Compose集成到我的应用程序中，当使用状态所有者管理状态时，我对多个remember调用的使用感到困惑。请考虑以下示例：
州持有者：
class MyScreenState(
val listState: LazyListState,
private val fragment: Fragment
) {
fun doSomethingWithFragment() {
...
...
}
}
记忆函数：
@Composable
fun rememberMyScreenState(
listState: Lazy
浏览 12提问于2022-01-08得票数 0
抱歉，如果这是一个简单的问题，但我刚刚开始使用SwiftUI，我正在尝试弄清楚如何根据屏幕的宽度创建2x2的视图网格。这意味着每个正方形的宽度和高度都与屏幕宽度相同，它们排列在一个2x2的网格中，没有填充。
我一直在尝试使用两个HStacks，每个视图将两个视图放在彼此的顶部，但是HStack内部的视图大小似乎决定了HStack的高度。
我试图排列到2x2网格中的视图的代码：
var body: some View {
VStack {
TextField("0", text: $value)
.multi
浏览 2提问于2019-10-19得票数 0
我希望能够创建一个函数，返回参数定义大小的网格，并将参数定义的数据插入到网格的“幼体”中。例如：
function createGrid(rows, cols, data){
var customGrid = [];
//create grid
for(row=0;row<rows;row++){
var customRow = [];
for(col=0;col<cols;col++){
//dataFunction can accept different types of data
浏览 1提问于2014-01-30得票数 0
回答已采纳
5回答
响应式CSS表
、、、
我创建了一个宽度为4个图像的表格，这些图像被放置在一行和四列(1x4)中。
<table class="insrtTable">
<tr>
<td><img src=Guitarra.png></td>
<td><img src=Bajo.png></td>
<td><img src=Teclado.png></td>
<td><img src=Ukelete.png&g
浏览 0提问于2017-09-16得票数 0
1回答
以下是MWE：
library(ggpubr)
# Box plot (bp)
bxp <- ggboxplot(ToothGrowth, x = "dose", y = "len",
color = "dose", palette = "jco")
bxp
# Dot plot (dp)
dp <- ggdotplot(ToothGrowth, x = "dose", y = "len",
color = "dose"
浏览 3提问于2018-11-30得票数 1
2回答
我在创建公文包时遇到了一个问题...它是使用同位素过滤器按类别过滤项目完成的。
问题是，在第一次加载期间，portfolio的元素重叠，而不是排列在4列的网格中。
在选择一个类别之后，一切似乎都解决了，我已经扫描了代码，但找不到我的错误来自哪里。这是相关页面的，临时免费托管，以便访问代码。
提前谢谢你
朱利安
浏览 0提问于2016-11-16得票数 1
我受够了写代码行：
SomeUIElement ui = new SomeUIElement();
Grid.Children.Clear();
Grid.Children.Add(ui);
因此，我决定编写一个方法来确定元素的类型，然后清除子元素并将其添加到网格中。
就像这样：
private void GridChildren(UIElement uc)
{
var element = uc.GetType();
Grid.Children.Clear();
Grid.Children.Add(element);
}
浏览 4提问于2015-01-29得票数 0
回答已采纳
1回答
响应式网格问题
、、
我正在处理这里描述的一项任务-
该任务是关于创建一个1X4网格，该网格会随着窗口大小的变化而变化。
如果窗口大小小于720px，则它应该成为2X2网格。如果窗口大小小于360px，则它应该成为4X1网格。
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
}
body {
padding: 5px;
}
.test {
border: 1px solid #000;
border-bottom: 0;
border-right: 0;
border-collapse:
浏览 9提问于2017-12-20得票数 1
回答已采纳
嗨，请不要投反对票，因为我真的找不到它，并在搜索后将其张贴在这里。
我有一个200X500的数组(即100000个元素)。每个元素都有两个存储在元组中的值。
[[ (20,2), (30,40)....],
[ (10,2), (10,20)....],
[....................],
[....................],
[....................]]
我想把这个数组转换成100X250。因此，每个元素现在将具有上面数组中2X2个子网格的平均值。例如，在上面矩阵中的2x2子网格中
(20,2),(30,40),
(10,2),(10,20)
浏览 0提问于2016-12-05得票数 1
我有一个flexbox，它基本上是一个“子div列表”。包装盒的主要特点是自动包装。然而，我注意到，由于孩子的包围值，在盒子的左边也有一个偏移量。
我想把这个去掉。我试过通过给容器一个负填充来做到这一点:然而，这似乎是不被允许的。
然后，我尝试为“每行的第一个孩子”找到一个选择器，但也失败了。有没有办法在css中做到这一点？
或者，可以使网格display: grid具有可变宽度的列，并根据内容自动计算列数(例如:换行)。
示例如下：
.cont {
display: flex;
flex-wrap: wrap;
width: 100%;
position: relativ
浏览 85提问于2019-07-16得票数 1
2回答
使用，我需要一个更大的div和4个2x2格式的较小div，如下所示：
我最初的想法是把所有的东西都放在一个mdl网格里。然后创建两个mdl网格，并在第二个列中创建两个行和两个列来创建1x1和2x2效果。
然而，这似乎是不可能的，或者我只是做得不对？
<div class="mdl-grid">
<div class="mdl-grid">
<div>image</div>
</div>
<div class="mdl-grid"&g
浏览 3提问于2015-11-09得票数 2
回答已采纳
2回答
三角剖分成网格
、、
是否有一种算法可以将一个可以跨越多个网格元素的三角形划分为多个三角形，其中没有跨越多个网格元素的三角形？
我已经包括了一个糟糕的手绘一个三角形在一个2x2网格，被切成七个较小的三角形。
浏览 4提问于2014-04-28得票数 0
回答已采纳
1回答
如何在2栏中动态构建内容
、、、
我正在尝试将一些帖子内容动态地放在两栏中，但我找不到正确的方法，你能帮我一点忙吗？ 以下是我正在尝试做的事情 Expectation 我尝试过网格，但它创建了行，由于网格行的位置，它以间隙结束，我不能使用网格区域，因为这是动态内容，所以我不知道它们什么时候会变大或变小 Reality
浏览 14提问于2020-12-21得票数 0
回答已采纳
我有一个非常大的散点图，包含两个类别，其中一个点是“命中”。我想在图的顶部和侧面绘制直方图，以表示在以下网站上看到的命中结果：
我可以将图排列为2x2的网格，但是我遇到了一个问题:我的主散点图的yaxis有非常长的标题(对项目很重要)，并且在2x2网格中，顶部直方图延伸到全宽，不再沿x轴对齐。
我的想法是制作一个3x3的网格，其中我使用最左边的网格作为标题。但是，这需要将Y轴文本保存为“grob”。在上面的博客-帖子中，这是按如下方式实现的：
p <- qplot(data = mtcars, mpg, hp, geom = "point", colour = cyl)
浏览 0提问于2011-10-07得票数 8
回答已采纳
我想创建一个包含面板行为和可调整大小控件的网格，我该怎么做呢？也许在图像中显示我想要的东西更容易：
初始状态：
用右下角的方向调整控件1的大小，这样它将占用大约2x2个单元格，然后控件2将重新排列它在网格上的位置：
当它重新调整大小时，它应该回到初始状态。
浏览 20提问于2011-03-11得票数 0
回答已采纳
3回答
我正在尝试用PHP创建一个简单的乘法网格
它的格式应该是，例如2x2网格：
0 1 2
1 1 2
2 2 4
我的问题是让它从0开始。
这是我到目前为止嵌套的for循环：
for($i=0;$i<=$_POST['rows'];$i++)
{
echo "<tr>";
for($j=0;$j<=$_POST['columns'];$j++)
{
浏览 0提问于2013-01-29得票数 0
回答已采纳
我在ionic 3项目中使用了flexbox的日历网格。
单元格是一个数组
<div class="sb-calendar-wrapper">
<div class="sb-calendar-month">
<div class="sb-calendar-row">
<div class="sb-calendar-cell sb-cell-labels sb-week-day" *ngFor="let day of sbca
浏览 2提问于2017-08-04得票数 0
1回答
我想知道我是否应该开始使用flexbox进行网站/webapp的布局设计，而不是浮动div，等等。
但我得到的信息很复杂。在一个网站上，他们说flexbox现在是页面布局的“圣杯”：
然而，创建了css3 flex规范的Tab Atkins有一个名为“为什么flexboxes不适合页面布局”的页面
我看了一个关于这个的视频：
所以我的结论是，他的意思是它不应该用于复杂的页面布局。而显示:网格会更适合。然而，网格可能还需要几年的时间才能覆盖所有流行的浏览器。
所以我的问题是，到目前为止，在创建页面布局方面，flexbox是否比当前的解决方案(div浮动、display:table-cell、in
浏览 1提问于2014-12-04得票数 5
2回答
想象一下，我们有一个小股票应用程序。在这里，我们列出了所有可用的stocks.We，其中有一个stocks.vue组件、下面的代码和一个stock.vue组件。我们这里有4只股票。我们希望在2x2网格中呈现它们。下面的代码将它们呈现在1x4网格中。一个div.columns最多容纳12 div.column (Bulma)，因此对于我们的2x2网格，我们需要两个div.columns，每个div.columns包含两个div.column，每个div.column持有一个股票。
<template>
<div>
<p>Current
浏览 4提问于2020-02-14得票数 0
回答已采纳
使用创建反应应用程序创建的基本web包配置。
{
test: /\.css$/,
loader: 'style!css?importLoaders=1!postcss'
}
安装的React FlexBox-网格使用以下npm命令
npm i -S react-flexbox-grid
安装了以下依赖项
npm i -D npm style-loader css-loader
它的接缝反应-FlexBox-网格不是由网络包加载器选择的。我在这里的问题是如何向现有的css加载程序配置中添加React FlexBox-Grid。从React
浏览 0提问于2016-12-21得票数 0
回答已采纳
我正在开发一个简单的android应用程序来学习网格视图。我的要求是创建一个2x2网格，它像串行光电路一样动态地改变颜色，其他网格应该是白色的。
请提出一个方法来做这个。
浏览 3提问于2016-11-29得票数 0
回答已采纳
我正在寻找一种方法来取代柔性框的砖石网格。我面临的挑战是，我拥有的内容是可扩展的。这个问题有已知的解决方案吗？
浏览 0提问于2016-05-24得票数 0
1回答
在2x2网格中，标题和文本元素的中心位置有问题。我已经尝试过在父容器".skills“和子元素”..skills item“上使用/items/self。另外，请注意网格位于一个flex容器中，我不知道这是否与它有任何关系，但我是一无所知的。
.about {
display: flex;
flex-direction: column;
align-items: center;
padding: 12.8rem 8rem 6.4rem 8rem;
background-color: #ebebff;
}
.backstory {
display: flex
浏览 5提问于2022-09-27得票数 0
1回答
我想创建一个UICollectionView，可以在单元格内显示2x2网格的照片。当用户点击单元格时，集合视图应该调整单元格的大小以填充整个集合视图(最好使用放大动画)，并且行为类似于表格视图。当用户点击全屏单元格时，应该会进入详细视图。当用户做出收缩手势时，集合视图应该“缩小”到2x2网格。
问题是我不知道从哪里开始创建一个集合视图来提供我想要的结果。我应该从创建较小的单元格开始，然后在代码中调整它们的大小，还是应该从大单元格开始？最后，这个问题有没有更好的解决方案？
您的任何帮助都将不胜感激。干杯!
浏览 1提问于2015-01-16得票数 0
2回答
目前，我有一个一维的ints数组，用于形成一个9x9的数字网格(但可以是任意大小的)。我想输入一个索引并返回一个3x3个数字网格，有效地将9x9网格分解为3x3网格(想想Sudoku)。
到目前为止，我已经尝试了两个嵌套循环，一个循环表示网格的高度，另一个循环表示网格的宽度。但是，除了第一个3x3网格之外，或者当大小从9x9变化时，我很难让它工作。
到目前为止我所拥有的是：
int squareWidth = 3;
int squareHeight = 3;
int index = 0;
for (int i = 0; i < 3; i++)
{
for (int j = in
浏览 0提问于2019-09-08得票数 1
回答已采纳
2回答
在网页上组织栏目
、、
我试着做一个正方形的2x2网格，在右边有一个长方形的柱子。 我试着在2x2上使用网格系统，但它弄乱了右边的矩形柱。 下面是一个参考： ?
浏览 13提问于2020-08-22得票数 0
超人们。我正在使用ajax和jquery将数据加载到表中。这可能会很多，所以我想滚动这个。我已经把表放在了一个div中。现在，我在jquery中构建了一个检查，如下所示：
if($('div#result table').height() > maxHeight)
$('div#result').css('overflow-y', 'scroll');
else
$('div#result').css('overflow-y', 'hidden');
这在fir
浏览 1提问于2011-01-14得票数 4
回答已采纳
4回答
假设我有一个由7x12块组成的网格。我们使用颜色'*‘、'%’、'@‘和一个空单元格'-’。
1 2 3 4 5 6 7
- - - - - - - 1
- - - - - - - 2
% % - - - - - 3
% % - - - - * 4
% % - - - @ % 5
@ @ @ - - @ % 6
@ @ * * * - * 7
* * * % % % % 8
% @ @ % * * % 9
% @ % % % % % 10
* * * % % @ @ 11
* * @ @ @ @ * 12
我想要在这个网格中找到一定最
浏览 12提问于2011-04-27得票数 15
回答已采纳
1回答
我在我的WPF应用程序中有以下结构。(使用棱镜和区域)
窗口->用户控件->DockPanel->网格(2x2)->行0Col0--网格(2x1)-> ItemsControl ->UserControl(通过棱镜注入ItemsControl)->DockPanel->DataGrid。(60行，10列)
我所期望的行为是DataGrid将自身调整大小以适合网格单元的大小，并同时显示两个滚动条，因为它太大而无法容纳。但事实并非如此。它保持其最大大小，并剪切出网格单元的边缘。两个网格的所有单元都没有大小规格(自动调整大小)。当我显式地指定datag
浏览 2提问于2011-02-03得票数 1
回答已采纳
1回答
我正在尝试做的是创建一个地图生成器，它将创建一个矩形网格，然后填充具有不同属性的随机矩形。(例如，在一个2x2的网格中，1,1只是游戏中一个普通的‘场’，1,2将是一个基础，并具有与1不同的属性(例如构造单位的能力)，2,1将是一个水瓦(并且不能被单位通过)，2,2将是一座山(类似于前面的属性)。我已经创建(我认为)是一个网格，但是当我尝试引用我创建的数组时，它的工作方式并不是我希望的那样。我的猜测是我做得不正确，但下面是一些代码：
namespace MapGenie
{
public class Game1 : Microsoft.Xna.Framework.Gam
浏览 0提问于2012-02-18得票数 0
回答已采纳
1回答
从MNIST重构数组
、、、
我正在使用mnist数据集，并希望立即绘制一些数字。这个数据集为我提供了形状(784, )的数组，并表示一个28x28像素的图像。
假设我想在2x2网格中绘制4个数字。此网格应该具有形状(2*28, 2*28)。这就是我想要的结果：
+---+---+
| 0 | 9 |
+---+---+
| 9 | 0 |
+---+---+
这是我的代码：
zero # an array from the mnist dataset
nine # another array from the mnist dataset
zero.shape
#(784,)
nine.shape
#(784,)
x
浏览 3提问于2017-12-08得票数 0
回答已采纳
如何使用.net compact framework和windows Mobile6专业版将滚动条应用到windows mobile应用程序
浏览 0提问于2010-05-21得票数 0
回答已采纳
我遵循了这个解决方案(也请注意注释)的建议，以获得2x2网格：
我能在GNOME 3中有2x2的工作空间吗？
当我进入微调工具并将数目增加到9个工作区时，它会保存并不会抛出错误。但是，当我尝试使用工作区时，我会被一个3x2网格所困。
有什么建议吗？谢谢!
浏览 0提问于2018-09-05得票数 0
我对反应不是很有经验。我正在处理这段代码，它在flex-row中呈现四个按钮
renderBoxes(boxes) {
return Object.keys(boxes).map((key, index) => {
var box = boxes[key];
return <div className="col-lg-3 col-md-6 col-sm-6 col-xs-6 col-12 d-flex flex-row" key={index}>
<IconB
浏览 1提问于2020-06-01得票数 0
回答已采纳
如果用户有iPad或iPhone，我想显示与正方形独立的相同网格，相应地增加正方形的大小。
我不想检测设备并根据屏幕大小更改方块的宽度和高度。可以只使用React Native的css flex功能吗？
这里是
浏览 1提问于2016-09-16得票数 1
1回答
帆布中2x2表的网格？
、、、
我是新来的WPF。我想在画布中画一个简单的2行2列表。我可以使用2x2网格来完成这个任务吗？一个明显的问题是网格在画布中保持“不可见”，可能是因为它是为了容纳其他可视控件(而不是可视本身，这正是我想要的)。如果Grid是这个2x2表的坏主意，请告知正确的方法。
浏览 2提问于2014-11-09得票数 0
回答已采纳
我在两个不同的网站(和)上看到，Flexbox不应该用于大规模布局。为什么会看到它在Bootstrap V4中作为网格系统实现，以及其他Flexbox库？
浏览 0提问于2017-01-04得票数 1
2回答
我有一个网格的图像是通过角度创建的…每个图像由特定的边距分隔，整个网格通过自动边距在页面中居中。当浏览器调整大小时，显示的列的数量也会增加，这样就可以显示全部的列(没有一列被截断)。在右上角还有几个固定的链接。所有工作都很好。但是，如果用户将缩放级别更改为低于100%，javascript代码仍然认为有比实际空间多出一列的列(并且它似乎总是偏离不超过一两个像素)。
我想我需要能够访问浏览器的缩放级别，并对硬编码值进行微小的调整(虽然这在浏览器级别的缩放中不是必要的，因为所有内容都应该缩小)，但由于某种原因，放大时不会发生这种情况(即110%的图像不可用，因为我只能上传两个链接)……您可以看到，
浏览 5提问于2016-03-25得票数 0
该行有4个图像，如预期的那样显示了行中的4个图像。在sm和xs设备上，它应该在2x2的网格中显示4个图像(两列和两行，但第三个图像没有正确对齐，它远离网格。
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg3
浏览 0提问于2018-10-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
