Safari изменение ширины изображения

Question

В настоящее время я положил свой веб-сайт в Интернете, но у меня есть проблема с размером изображения в сафари, В моей CSS я ставлю ширину так:

img { 
    width: 450%; 
} 

вот сайт:

http://antoninmarchard.com/

Я не понимаю, почему изображение на дисплее хорошо в Chrome, Mozilla, но не в Safari ..

Answer 1

Ваш код у кого нет t good, Также он теперь хорошо выглядит в 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> 

CSS Изменения нужно исправить код

.banner .inner-banner{ 
    width: 100%; 
    max-width: 100%; 
    position: relative; 
    min-height: 100vh; 
} 

.banner .inner-banner .left{ 
    width: 40%; 
    float: left; 
    position: absolute; 
    top: 50%; 
    left: 4%; 
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    color: #ffffff; 
} 

.banner .inner-banner .right{ 
    width: 70%; 
    float: right; 
    position: absolute; 
    top: 50%; 
    right: 0; 
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
} 

Удалить width:450% из изображения, нам не нужно его