Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.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
Javascript Can';无法使flex box处于响应状态?_Javascript_Jquery_Html_Css_Flexbox - Fatal编程技术网

Javascript Can';无法使flex box处于响应状态?

Javascript Can';无法使flex box处于响应状态?,javascript,jquery,html,css,flexbox,Javascript,Jquery,Html,Css,Flexbox,flex box在分辨率下降太多之前不会有太多的响应…这可能是什么原因?? 我得到的结果是,当我移除显示:flex时,它似乎正在解决问题,但问题是搜索按钮没有停留在搜索输入的同一行中,然后转到第二行,我无论如何都不希望它保持响应,同时将输入和搜索按钮都保持在一行中就像现在一样 输入[type=text]。图标{ 弹性生长:4; 填充:12px 20px; 框大小:边框框; 边框:2个实心#ccc; 边界半径:4px; 字体大小:16px; 背景色:白色; 背景图片:url(searchicon

flex box在分辨率下降太多之前不会有太多的响应…这可能是什么原因?? 我得到的结果是,当我移除
显示:flex
时,它似乎正在解决问题,但问题是搜索按钮没有停留在搜索输入的同一行中,然后转到第二行,我无论如何都不希望它保持响应,同时将输入和搜索按钮都保持在一行中就像现在一样

输入[type=text]。图标{
弹性生长:4;
填充:12px 20px;
框大小:边框框;
边框:2个实心#ccc;
边界半径:4px;
字体大小:16px;
背景色:白色;
背景图片:url(searchicon.png);
背景位置:10px 13px;
背景重复:无重复;
左侧填充:42px;
}
h1{
字体系列:Arial;
不透明度:0.6;
文本对齐:居中;
}
跨度{
字体大小:70%;
}
.页脚{
底部:0;
宽度:100%;
高度:60px;
背景色:#EEE2;
利润率最高:10.5%;
}
身体{
溢出x:隐藏;
}
p{
文本对齐:居中;
字体系列:Arial;
不透明度:0.7;
}
a{
文字装饰:无;
}
.btn辅助:悬停{
颜色:#292b2c;
背景色:#e6;
边框颜色:#adadad;
光标:指针;
}
.btn:焦点,
.btn:悬停{
文字装饰:无;
}
[类型=重置],
[类型=提交],
按钮
html[类型=按钮]{
-webkit外观:按钮;
}
.btn中学{
颜色:#292b2c;
背景色:#fff;
边框颜色:#adadad;
}
.搜索{
柔性生长:1;
左边距:5px;
边框:1px纯绿松石色;
填充:1.2%1.5雷姆;
字体大小:1.8rem!重要;
边界半径:.25rem;
-webkit转换:所有.2易入易出;
-o-转换:所有.2缓进-缓出;
转换:所有.2易入易出;
}
.flex{
显示器:flex;
柔性包装:nowrap;
证明内容:中心;
}

EXTRATORRENT自动下载程序

可能重复:对不起,这个问题很让人困惑。所以当屏幕达到一定尺寸时,你想让搜索框下降到第二行吗?@Brad:不想。我不想让它下降到第二行,而是希望它在同一行中,但处于完美的响应状态,因为现在它不会比低分辨率时的默认大小缩小了。。!啊,好的,我明白了。让我看看it@Michael_B:如果这个问题不能用flex解决,那么有没有其他不使用flex解决的方法???