Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 弹性基础,支持IE11的百分比?_Html_Css_Flexbox - Fatal编程技术网

Html 弹性基础,支持IE11的百分比?

Html 弹性基础,支持IE11的百分比?,html,css,flexbox,Html,Css,Flexbox,我对flexbox和ie10/11有问题。 我想使用min width/max width值,但在IE11中不起作用。 我发现了我使用百分比值的flex basis。 它在Chrome中可以正常工作,但在IE11中无法正常工作 我试着添加flex direction行和列,但也不起作用 /*列表*/ c-科利斯特{ 显示:-webkit内联框; 显示:-ms内联flexbox; 显示:内联flex; 弯曲方向:行; 柔性包装:包装; -ms-flex-wrap:wrap; /*宽度:-webk

我对flexbox和ie10/11有问题。 我想使用min width/max width值,但在IE11中不起作用。 我发现了我使用百分比值的flex basis。
它在Chrome中可以正常工作,但在IE11中无法正常工作

我试着添加flex direction行和列,但也不起作用

/*列表*/
c-科利斯特{
显示:-webkit内联框;
显示:-ms内联flexbox;
显示:内联flex;
弯曲方向:行;
柔性包装:包装;
-ms-flex-wrap:wrap;
/*宽度:-webkit填充可用*/
保证金:0自动;
}
/*列表项*/
.c-科利斯特>李{
位置:相对位置;
弹性基准:45%;
弹性收缩:0;
保证金:0自动;
填充:1rem;
文本对齐:居中;
}
功能
  • 沙尔滕 Ihr智能手机wird genauso zur Schalt­;zentrale wie der Browser Ihres PCs.Je nach Modell schaltet das Web IO采用Klassicher 24V自动开关和shy;麻省理工学院潜在与害羞技术学院;freien Kontakten Order direkt 230V

  • MQTT和REST 在网络IO 4.0中,MQTT和REST是理想的IoT-Lösungen和工业4.0

  • 警报器 埃因·弗雷尔·康塔克·奥德·格伦兹韦特(Grenzwert­);schalter reicht aus,damit das Web IO im Ernstfall per E-Mail die zuständigen Mitarbeiter informiert。Weitere Alarmierungs­;möglichkeiten sind SNMP陷阱、TCP Meldung、MQTT发布和mehr


为了安全使用IE11,您应该坚持最基本的原则
这应该很好:

/*列表*/
c-科利斯特{
显示器:flex;
柔性流:行换行;
证明内容:之间的空间;
列表样式类型:无;
填充:0;
}
/*列表项*/
c.科利斯特李{
宽度:45%;
填充:1rem;
文本对齐:居中;
}
@媒体屏幕和屏幕(最大宽度:768px){
c.科利斯特李{
宽度:100%;
保证金:0自动;
最大宽度:520px;
}
}
功能
  • 沙尔滕 Ihr智能手机wird genauso zur Schalt­;zentrale wie der Browser Ihres PCs.Je nach Modell schaltet das Web IO采用Klassicher 24V自动开关和shy;麻省理工学院潜在与害羞技术学院;freien Kontakten Order direkt 230V

  • MQTT和REST 在网络IO 4.0中,MQTT和REST是理想的IoT-Lösungen和工业4.0

  • 警报器 埃因·弗雷尔·康塔克·奥德·格伦兹韦特(Grenzwert­);schalter reicht aus,damit das Web IO im Ernstfall per E-Mail die zuständigen Mitarbeiter informiert。Weitere Alarmierungs­;möglichkeiten sind SNMP陷阱、TCP Meldung、MQTT发布和mehr


百分比的flex基础支持在哪里?如果向下滚动到“绝对值”、“父flex容器的主大小属性”或“关键字auto”下,我看不到它。负值无效。默认值为auto如果没有最小宽度,在达到移动尺寸之前,材料会急剧收缩。我建议调整您的媒体查询,以便li在
768px时或之后不久就可以使用
100%
。也许还可以在li中添加一个
max width
和一个
margin:0 auto
,它看起来应该没问题吧?我编辑了我的答案,所以你们可以看一看。非常感谢,我也尝试过了。我只需要问主管,当我在800px添加另一个媒体查询时,是否可以。天哪,我仍然希望有人能找到比我们更好的解决方案。我的导师说可以再添加一个媒体查询。但是flex grow在IE10/11中工作,所以如果我能让它在没有javascript的情况下像css网格一样工作,我将使用它。flex grow的问题是,单独的项将达到容器的全宽,而不是从上面的1个元素开始达到最大宽度。