Html Div/Picture不'；缩放时不能正确调整大小
我有左箭头和右箭头，由div内的图像定义。我所有的div高度和宽度都是以百分比定义的。当我放大或缩小站点（使用Chrome）时，所有元素的行为都与我预期的一样，除了这些左箭头和右箭头（即图像所在的div），它们的缩放比例似乎与其他所有元素的缩放比例不同 我创造了一个新的例子来说明我的意思。当你缩小时，我希望箭头图像变小，但这似乎没有发生 下面是相关的HTMLHtml Div/Picture不'；缩放时不能正确调整大小,html,css,Html,Css,我有左箭头和右箭头，由div内的图像定义。我所有的div高度和宽度都是以百分比定义的。当我放大或缩小站点（使用Chrome）时，所有元素的行为都与我预期的一样，除了这些左箭头和右箭头（即图像所在的div），它们的缩放比例似乎与其他所有元素的缩放比例不同 我创造了一个新的例子来说明我的意思。当你缩小时，我希望箭头图像变小，但这似乎没有发生 下面是相关的HTML 描述 第1段 第2段 第3段 还有我的CSS html，正文{ 边距：0；填充：0； 身高：100%； 最小高度：100
描述
第1段
第2段
第3段
html，正文{
边距：0；填充：0；
身高：100%；
最小高度：100%；
最大高度：100%；
宽度：100%；
背景色：白色；
}
身体{
字体系列：Helvetica，无衬线；
}
h1{
文本对齐：居中；
}
a:链接{
文字装饰：无；
}
img{
最大宽度：100%；
}
.悬停{
光标：指针；
光标：手；
}
.集装箱{
宽度：90%；
身高：95%；
最小高度：95%；
最大高度：95%；
保证金：自动；
填充：0；
}
.左侧边栏{
宽度：14%；
最小高度：100%；
最大高度：100%；
浮动：左；
保证金：0；
填充：0；
}
.右侧边栏{
宽度：20%；
最小高度：100%；
最大高度：100%；
浮动：左；
保证金：0；
填充：0；
垫顶：8%；
}
.导航菜单{
宽度：100%；
身高：30%；
}
梅因先生{
利润率最高：10%；
保证金权利：4%；
左缘：4%；
填充：0；
身高：70%；
最小高度：70%；
最大高度：70%；
宽度：56%；
浮动：左；
}
.SPLASH导航{
列表样式类型：无；
}
#a1{
颜色：#9B9B9B；
}
#a2{
颜色：#AFAFAF；
}
#a3{
颜色：#bfbf；
}
#a1:悬停{
文字装饰：无；
颜色：#7373；
}
#a1：主动{
文字装饰：无；
颜色：#7373；
}
#a2：悬停{
文字装饰：无；
颜色：#7373；
}
#a2：主动{
文字装饰：无；
颜色：#7373；
}
#a3：悬停{
文字装饰：无；
颜色：#7373；
}
#a3：主动{
文字装饰：无；
颜色：#7373；
}
#标志{
显示：块；
保证金：自动；
变换原点：左上；/*IE 10+、Firefox等*/
-webkit变换原点：左上；/*铬*/
-ms变换原点：左上；/*IE 9*/
}
#欢迎菜单{
利润率最高：100%；
}
#联系人照片{
显示：块；
保证金：自动；
}
#主菜单{
利润率最高：10%；
}
.miniLogo{
利润率最高：40%；
左缘：5%；
}
.项目导航{
列表样式类型：无；
}
.projectLink{
颜色：黑色；
字体大小：70%；
左边距：15%；
}
.projectDesc{
浮动：对；
字号：85%；
利润率最高：55%；
}
coverPic先生{
保证金：自动；
利润上限：-6.5%；
浮动：左；
最大宽度：88%；
左：3%；
右：3%；
}
.projectCoverPic{
最大宽度：100%；
}
纳瓦罗先生{
浮动：左；
保证金：自动；
利润上限：-5.5%；
最大宽度：2.5%；
身高：100%；
}
100%automax width:2.5%