Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 Flex container赢得';不要扩展以适应IE中的内容_Html_Css_Flexbox_Internet Explorer 11 - Fatal编程技术网

Html Flex container赢得';不要扩展以适应IE中的内容

Html Flex container赢得';不要扩展以适应IE中的内容,html,css,flexbox,internet-explorer-11,Html,Css,Flexbox,Internet Explorer 11,我在IE(特别是IE11)中遇到了高度问题。在铬上可以很好地工作 因此,我基本上是用jQuery.html()加载处理过的PHP结果,在IE中,我的页面包装似乎不适合页面的填充长度。我相信我已经把范围缩小到: <main id="place_results_wrap"> 在IE中没有乐趣:( 谁能帮我一下吗 编辑:这似乎与place\u results\u wrap上的flex:1有关。如果我使用flex-grow:1,它似乎会按预期扩展。有人知道为什么会这样吗?flex:1和fl

我在IE(特别是IE11)中遇到了
高度问题。在铬上可以很好地工作

因此,我基本上是用jQuery.html()加载处理过的PHP结果,在IE中,我的页面包装似乎不适合页面的填充长度。我相信我已经把范围缩小到:

<main id="place_results_wrap">
在IE中没有乐趣:(

谁能帮我一下吗

编辑:这似乎与
place\u results\u wrap
上的
flex:1
有关。如果我使用
flex-grow:1
,它似乎会按预期扩展。有人知道为什么会这样吗?
flex:1
flex-grow:1
之间有显著差异吗

a,
a:悬停{
文字装饰:无;
}
html,
身体{
身高:100%;
}
身体{
字体系列:“开放式Sans”,无衬线;
背景:#fff;
字体大小:16px;
最小高度:100%;
显示器:flex;
弯曲方向:立柱;
}
#换页{
最小高度:100%;
显示器:flex;
弯曲方向:立柱;
}
标题{
背景:#fff;
文本对齐:居中;
填充:1.250em;
}
@媒体屏幕和屏幕(最小宽度:900px){
#内容{
最小高度:15.05em;
}
}
收割台h1{
字号:6em;
字体大小:400;
颜色:#655e5e;
保证金:0;
显示:内联块;
}
@媒体屏幕和(最小宽度:605px)和(最大宽度:900px){
收割台h1{
字体大小:3.5em;
}
}
@媒体屏幕和(最小宽度:340px)和(最大宽度:605px){
收割台h1{
字号:3em;
}
}
@媒体屏幕和屏幕(最大宽度:340px){
收割台h1{
字号:2em;
}
}
收割台人力资源{
最大宽度:36em;
边缘底部:0px;
}
标题。fa地图标记{
颜色:#ec3b3b;
字体大小:1.2米;
}
#精炼{
填充:1.25em;
显示器:flex;
对齐项目:居中;
证明内容:中心;
背景:#fff;
保证金:0.625em;
}
#精化形式{
显示器:flex;
证明内容:中心;
}
.form_组件{
保证金:0.4em;
显示:无;
}
.form_组件i.fa{
字号:1.4em;
颜色:#655e5e;
}
主要{
背景:#eaeaea;
}
#内容{
文本对齐:居中;
背景:#655e5e;
显示器:flex;
弯曲方向:立柱;
对齐项目:居中;
证明内容:中心;
最小高度:19.8em;
}
@媒体屏幕和屏幕(最大宽度:900px){
#内容{
显示:无;
}
}
#含量h2{
颜色:#fff;
字体大小:400;
字号:3em;
保证金:0;
}
@媒体屏幕和屏幕(最大宽度:415像素){
#含量h2{
字号:2em;
}
}
#内容i.fa-globe{
字号:14em;
颜色:#fff;
}
@媒体屏幕和屏幕(最大宽度:415像素){
#内容i.fa-globe{
字号:10em;
}
}
#放置\u结果\u包装{
弹性:1;
最小高度:6.25em;
}
#放置\u结果\u包裹部分h3{
字体大小:400;
}
#放置\u结果\u换行h3.占位符{
文本对齐:居中;
}
.place_结果{
显示器:flex;
弯曲方向:行;
柔性包装:包装;
证明内容:中心;
填充:1.25em0;
}
.下一页{
填充:0.1.250em;
宽度:100%;
文本对齐:居中;
}
.下一页按钮{
背景色:#fff;
边界:无;
颜色:#655e5e;
填充物:0.3125em 2em;
文字装饰:无;
显示:内联块;
字号:1em;
字号:600;
光标:指针;
边界半径:1.25em;
}
.下一页按钮:悬停{
背景色:#f6f6f6;
}
.地点{
宽度:24em;
高度:27em;
保证金:1.25em;
显示器:flex;
弯曲方向:立柱;
-网络工具包盒阴影:5px6px20px0pxRGBA(1581551580.75);
-moz盒阴影:5px6px20px0pxRGBA(1581551580.75);
盒影:5px6px20px0pxRGBA(1581551580.75);
背景:#fff;
}
@媒体屏幕和屏幕(最大宽度:1920像素){
.地点{
宽度:30%;
}
}
@媒体屏幕和(最小宽度:900px)和(最大宽度:1366px){
.地点{
宽度:45%;
}
}
@介质屏幕和(最小宽度:768px)和(最大宽度:1366px){
.地点{
宽度:44%;
}
}
@介质屏幕和(最小宽度:415像素)和(最大宽度:760像素){
.地点{
宽度:90%;
}
}
@媒体屏幕和屏幕(最大宽度:415像素){
.地点{
宽度:90%;
}
}
.place_图像{
宽度:100%;
高度:14.0625em;
背景尺寸:封面!重要;
背景剪辑:内容框!重要;
}
.地点描述{
填充:0.625em;
显示器:flex;
弯曲方向:立柱;
弹性:110;
背景:#fff;
}
.距离\集装箱p.距离{
字号:600;
}
.地点(p),
.地点描述a{
颜色:#655e5e;
字体大小:400;
保证金:0;
}
.放置描述。放置打开p{
保证金:0;
颜色:#49b51c;
}
.地点描述i.fa{
宽度:1.25em;
}
.职位名称{
弹性:110;
}
.place_标题h3{
颜色:#655e5e;
字号:600;
空白:nowrap;
溢出:隐藏;
保证金:0;
字号:1.4em;
线高:1.3;
}
@媒体屏幕和屏幕(最大宽度:415像素){
.place_标题h3{
字体大小:1.2米;
}
}
.U.集装箱{
宽度:100%;
}
.额定值{
宽度:6.875em;
高度:1.313em;
背景:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png);
背景重复:重复-x;
背景位置:0;
}
.评级{
高度:1.313em;
背景:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png);
背景位置:0.100%;
背景重复:重复-x;
}
.地点\说明.地点\位置{
边缘底部:0.625em;
}
.place.distance_集装箱,
.地点.集装箱附近,
.放置.放置电话\u容器{
显示器:flex;
}
#装载集装箱{
填充:1.25em 0.625em;
文本对齐:居中;
}
#加载i.fa-spin{
字号:4em;
颜色:#655e5e;
}
#jquery\u占位符{
显示:无;
宽度:100%;
}
页脚{
填充:1.25em;
文本对齐:右对齐;
背景:#eaeaea;
最小高度:3.9em;
}
img#谷歌{
宽度:10em;
}
#错误{
填充:1.25em;
背景#ec3b3b;
}
#错误p{
字体大小:1.2米;
保证金:0;
颜色:#fff;
文本对齐:居中;
}
#错误i.fa-感叹号-圆圈{
颜色:#fff;
}


<section class="place_results">
    $("html").css('height','auto');
    $("body, #page_wrap").css('min-height','100%');
#place_results_wrap {
    flex: 1;
    min-height: 6.25em;
}