CSS网格布局(IE支持)

文章/答案/技术大牛

发布

1回答

css、grid

我正在尝试创建一个具有CSS网格布局的网站部分，这也需要在IE10+中工作。它需要一个左列和两个右列。布局示例： CSS： display: block; height: 100%;}

浏览 9提问于2018-01-10得票数 0

2回答

带靴带栅格的全高度列背景色

css、twitter-bootstrap

我知道机会很小，但是如何实现如下布局，其中左、中、右有不同的背景色，而使用引导网格系统？我想列的布局与引导网格的想法是背道而驰的，对吗？. CSS是用于跨跨等的标准引导网格CSS。或者IE7+不支持的东西。

浏览 2提问于2013-04-06得票数 5

回答已采纳

1回答

如果浏览器是IE11还是边缘，如何在CSS中检测？

css、internet-explorer、internet-explorer-11、microsoft-edge

我试图使用网格布局，但IE11和Edge(15及以下)不支持当前网格的实现。我一直在读你应该有一个掉落的设计(通常只是你的移动布局)，我会使用柔性盒。我并不在乎比IE11更差的东西。我知道我可以使用@supports not (display: grid)并将我的柔性盒代码放在这个块中，这对边缘是有效的，但是IE 11不支持@support标记。我为IE11阅读我可以使用@media all and (-ms-hi

浏览 2提问于2017-10-22得票数 2

回答已采纳

1回答

是否可以使用CSS来代替Material的网格组件？

css、reactjs、material-ui、next.js、css-grid

然而，我试图了解使用它与CSS Grid相比是否有任何好处，而CSS网格也非常容易使用。实际上，我更喜欢CSS，但我不想通过使用它破坏系统的其余部分。它是否以任何方式干扰其他材料用户界面？

浏览 0提问于2020-08-13得票数 8

回答已采纳

2回答

网格布局中每个块的背景图像-在html中没有css

html、css、grid、background-image

我需要开发一个网格布局，每个块作为一个不同的图像(从数据库加载)，其中一些文本将出现。有没有其他方法可以实现网格布局与不同的图像在每个块？请帮帮忙。

浏览 3提问于2014-02-16得票数 1

回答已采纳

5回答

创建CSS/DIV布局的最佳指南或资源是什么？

css、html

想知道人们认为创建和管理CSS/DIV布局的最佳资源是什么(即，纯粹在CSS中使用DIV完成的布局--没有表)？谢谢!

浏览 15提问于2011-02-23得票数 3

回答已采纳

1回答

windows metro风格的布局可以用flexboxes重现吗？

css、microsoft-metro、flexbox

这种布局可以使用非嵌套的flex框实现吗？我知道如果盒子不合适，flex-wrap会把它们放在下一行，但是我怎么才能像上面的截图那样获得可变高度的盒子，而不是嵌套更多的弹性盒子呢？

浏览 1提问于2014-11-27得票数 4

1回答

在具有任意宽度但定义跨度的网格布局中放置项目

html、css、flexbox、calendar、css-grid

我很难找到正确的技术/技巧来显示我的布局。见图： Desired layout picture 此布局类似于日历。示例单元格以蓝色表示。我最初使用的是HTML表格，但发现它不灵活，所以我开始使用CSS Grid。使用CSS Grid，我似乎仍然无法完成所需的布局。看起来只有网格容器的直接子元素可以放到网格中(在我的例子中，这些是单元格)。我希望单元格的子元素也放置在整个网格中。使用"display: contents“时，这似乎有点

浏览 11提问于2018-12-25得票数 2

2回答

浏览器对CSS网格的支持

css、cross-browser、css-grid

CSS网格的浏览器支持情况如何？如果我去看，似乎几乎所有的浏览器都支持它。但是如果我去，情况会有一些变化。看起来几乎所有的浏览器都支持Grid，但是，除了Firefox之外，没有一个浏览器支持所有的功能。然后，关于Edge，我了解到它只支持不再使用的旧规范，并且更新的规范目前正在进行中。

浏览 2提问于2017-09-05得票数 14

回答已采纳

1回答

如何修复CSS网格布局的跨浏览器兼容性？

css、sass、grid、cross-browser、css-grid

我已经成功地创建了一个CSS网格布局。但是，现在我想添加对不支持或不支持的浏览器的支持或后备，特别是IE11。 } }} 谁能帮我看一下代码，告诉我如何(1)改善我的网格，(2)让&

浏览 0提问于2019-04-17得票数 0

2回答

非语义IE8上的网格问题

internet-explorer-8、grid-layout、unsemantic-css

我第一次使用非语义化，我忘了在IE8上查看我的页面。这就是灾难：有什么想法吗？

浏览 3提问于2013-06-14得票数 1

回答已采纳

1回答

在Foundation 6 Zurb堆栈中使用简单网格

zurb-foundation

我正在尝试使用Zurb Stack项目创建一个站点的原型(因为我想要SASS和把手)，并且我需要使用普通的网格来支持IE9。然而，我的布局不起作用(即使直接从教程中复制)，查看dist/assets/css/app.css时，我发现它缺少必要的类，如.row和.column。为了从较新的网格切换到旧的行/列版本，是否需要配置设置？我已经搜索了Zurb网站和更广泛的互联网，但都是徒劳的。

浏览 0提问于2017-07-18得票数 0

1回答

支持IE11的CSS网格布局

html、css、css-grid

我们正在尝试为IE-11开发使用css网格的UI布局，这里的问题是我们已经为所有浏览器开发了布局，但还没有在IE11上进行测试，现在我们正处于应用程序的最后阶段，并试图使其工作于IE11，但看起来当前的css不适用于IE11，因此决定通过浏览器检测为IE11编写单独的css。这是我的模型我的问题是，如

浏览 0提问于2018-11-08得票数 0

2回答

Rails、Foundation4、Respond.js在IE8中无法正常工作

internet-explorer-8、ruby-on-rails-3.2、media-queries、zurb-foundation、respond.js

我有一个带有Foundation 4的Rails 3.2项目，我需要支持Internet Explorer 8。为了在Foundation4网格所需的IE8中启用媒体查询，我包含了Respond.js。我在IE8中进行了测试，但是布局仍然是小设备布局。respond.js测试页面在IE8中运行良好。为什么在IE8中没有正确加载基础网格？

浏览 2提问于2013-08-14得票数 2

1回答