Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Css Safari图像宽度更改_Css_Safari_Sass - Fatal编程技术网

Css Safari图像宽度更改

Css Safari图像宽度更改,css,safari,sass,Css,Safari,Sass,我目前把我的网站放在网上,但我在safari中的图像大小有问题, 在我的css中,我将宽度设置为: img { width: 450%; } 以下是网站: 我不明白为什么图像在chrome、mozilla中显示良好,但在Safari中显示不好。您的代码不好,现在在IE中看起来也不错。我已经清理了html和css代码,您可以应用这些更改来修复您的问题: HTML更改让该特定部分的HTML变得简单: <div class="inner-banner"> <

我目前把我的网站放在网上,但我在safari中的图像大小有问题, 在我的css中,我将宽度设置为:

img {
    width: 450%;
}
以下是网站:


我不明白为什么图像在chrome、mozilla中显示良好,但在Safari中显示不好。

您的代码不好,现在在IE中看起来也不错。我已经清理了html和css代码,您可以应用这些更改来修复您的问题:

HTML更改让该特定部分的HTML变得简单:

<div class="inner-banner">
        <div class="left">                  
                <h1> Donnez vie à vos idées, créons ensemble. </h1>
                <button class="btn btn-custom-am" data-toggle="modal" data-target="#contact_modal"> Contactez-moi </button>
        </div>              
        <div class="right">                 
                <img src="src/img/banner-design.svg" alt="cube with smoke, smartphone and computer">
        </div>              
</div>

从图像中删除
width:450%
,我们不需要它

您的代码不好,而且它现在在IE中看起来很好。我已经清理了html和css代码,您可以应用这些更改来修复您的问题:

HTML更改让该特定部分的HTML变得简单:

<div class="inner-banner">
        <div class="left">                  
                <h1> Donnez vie à vos idées, créons ensemble. </h1>
                <button class="btn btn-custom-am" data-toggle="modal" data-target="#contact_modal"> Contactez-moi </button>
        </div>              
        <div class="right">                 
                <img src="src/img/banner-design.svg" alt="cube with smoke, smartphone and computer">
        </div>              
</div>
从图像中删除
width:450%
,我们不需要它