我的网站上有尺寸图像显示问题,并且在所有浏览器中都可以正常工作,但是显示的尺寸比我只希望在Mac上的Safari浏览器中显示的尺寸长,如何解决此问题 这是CSS代码和html:
.templateSection__1 figure {
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.templateSection__1 figure img {
width: 70%;
padding-top: 80px;
}
@media (max-width: 1199px) {
.templateSection__1 figure img {
width:75%
}
}
[`<section class="templateSection__1"><div class="container"><div class="row"><div class="col-7 hidden__sm"><figure class="paroller"><img alt="" src="assets/img/image01.png"></figure></div><div class="col-5"><figcaption><h2> Send your feedback and enter prize draw</h2><h3></h3><p>Welcome to Rayei , Paid Survey </p><a class="linkRow" href="javascript:void(0);">START FOR FREE</a></figcaption></div></div></div></section>`][1]