Html 当我将宽度设置在中间div中时，缩放到25%和yxx27；这不是一条线 当我在中间div（第二段）设置宽度（310px）并缩放到25%时，它不在同一行中。这是个问题吗？和解决方案，使它在一条线

注意：我使用的是谷歌chrome，当缩小到100%时，它在谷歌chrome中看起来很好，但在25%时就不行了。我还提供了图像，以便您能够快速回答

我需要你的帮助

.structure{
最大宽度：1190px；
左侧填充：15px；
右侧填充：15px；
保证金：0自动；
}
.联系信息区{
背景：白色；
边框顶部：1px虚线#ccc；
边框底部：1px虚线#ccc；
}
.联系信息区.联系信息{
位置：相对位置；
}	
.联系信息区.联系信息.第1节{
浮动：左；
}
.联系信息区.联系信息.第1节.第2节：第一个孩子{
宽度：70px；
高度：70像素；
背景：白色；
浮动：左；
边界半径：50%；
-moz边界半径：50%；
-webkit边界半径：50%；
}										  
.联系信息区.联系信息.第1节.第2节：最后一个孩子{
左边距：23px；
浮动：左；
}
.联系信息区.联系信息.第1节.第2节：第一个孩子.fas.fa-mobile{
字体大小：30px；
位置：相对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-moz变换：平移（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
-o变换：平移（-50%，-50%）；
}																			 
.联系信息区.联系信息.第1节.第2节：最后一个孩子.电话号码标题{
字体系列：前卫的cedemi；
字体大小：1.013em；/*16.208px*/
边缘顶部：2倍；
字母间距：0.075em；
文本转换：大写；
}
.联系信息区.联系信息.第1节.第2节：最后一个孩子.第1号{
字体系列：先锋派；
字体大小：1.013em；/*16.208px*/
利润上限：21px；
字母间距：0.075em；
}
.联系信息区.联系信息.第1节.第2节：最后一个孩子{
字体系列：先锋派；
字体大小：1.013em；/*16.208px*/
线高：150%；
字母间距：0.075em；
}
.联系信息区.联系信息.第1节：：之后{
内容：：“”；
显示：表格；
明确：两者皆有；
}
.联系信息区.联系信息.第2节{
宽度：310px；
左边距：自动；
右边距：自动；
}
.联系信息区.联系信息.第2节.第2节：第一个孩子{
宽度：70px；
高度：70像素；
背景：白色；
浮动：左；
边界半径：50%；
-moz边界半径：50%；
-webkit边界半径：50%；
}										  
.联系信息区.联系信息.第2节.第2节：最后一个孩子{
左边距：23px；
浮动：左；
}
.联系信息区.联系信息.第2节.第2节：第一个孩子.fas.fa-map-marker-alt{
字体大小：30px；
位置：相对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-moz变换：平移（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
-o变换：平移（-50%，-50%）；
}																		
.联系信息区.联系信息.第2节.第2节：最后一个孩子.地址标题{
字体系列：前卫的cedemi；
字体大小：1.013em；/*16.208px*/
边缘顶部：2倍；
字母间距：0.075em；
文本转换：大写；
}
.联系信息区.联系信息.第2节.第2节：最后一个孩子.地址-1{
字体系列：先锋派；
字体大小：1.013em；/*16.208px*/
利润上限：21px；
字母间距：0.075em；
}
.联系信息区.联系信息.第2节.第2节：最后一个孩子.地址-2{
字体系列：先锋派；
字体大小：1.013em；/*16.208px*/
线高：150%；
字母间距：0.075em；
}
.联系信息区.联系信息.第3节{
浮动：对；
}
.联系信息区.联系信息.第3节.第2节：第一个孩子{
宽度：70px；
高度：70像素；
背景：白色；
浮动：左；
边界半径：50%；
-moz边界半径：50%；
-webkit边界半径：50%；
}
.联系信息区.联系信息.第3节.第2节：最后一个孩子{
左边距：23px；
浮动：左；
}
.联系信息区.联系信息.第3节.第2节：第一个孩子.fas.fa-信封{
字体大小：30px；
位置：相对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-moz变换：平移（-50%，-50%）；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
-o变换：平移（-50%，-50%）；
}
.联系信息区.联系信息.第3节.第2节：最后一个孩子.电子邮件地址标题{
字体系列：前卫的cedemi；
字体大小：1.013em；/*16.208px*/
边缘顶部：2倍；
字母间距：0.075em；
文本转换：大写；
}
.联系信息区.联系信息.第3节.第2节：最后一个孩子.电子邮件地址-1{
字体系列：先锋派；
字体大小：1.013em；/*16.208px*/
利润上限：21px；
字母间距：0.075em；
}
.联系信息区.联系信息.第3节.第2节：最后一个孩子.电子邮件地址-2{
字体系列：先锋派；
字体大小：1.013em；/*16.208px*/
线高：150%；
字母间距：0.075em；
}
.联系信息区.联系信息.第3节：：之后{
内容：：“”；
显示：表格；
明确：两者皆有；
}																		  
.联系人信息区域.联系人信息：：之后{
内容：“；
显示：表格；
明确：两者皆有；
}

电话号码
+1234 456-789
+123-456-7890
电子邮件地址
johnsmith@company.com
youoffice@company.com
地址
比利时布鲁塞尔8号

美国纽约州柳特207号

您是否尝试过为页面设置纵横比

<meta name="viewport" content="width=device-width, initial-scale=1">

我还建议您在布局中使用flexbox

---

我现在不想使用flexbox。你能帮我吗？我面临的问题是桌面f