Keeping фоновое изображение фиксируется с адаптивным дизайном

Question

Если вы посмотрите здесь:

https://quirktools.com/screenfly/#u=http%3A//logan-gabriel.com&w=1600&h=900&a=1&s=1

Там небольшой белый запас на правой стороне экрана. Это не должно быть так, поскольку фоновое изображение должно быть зафиксировано справа на правом краю. Если вы попробуете другие меньшие разрешения, вы заметите, что это поведение. Но как только экран достигает этой большой ширины (1600 пикселей), он терпит неудачу.

Любые идеи, почему это происходит?

Спасибо, ребята.

Answer 1

Эй установить ширину изображения в авто

#image 
{ 
width:auto;//you have set 40% which causes the issue 
} 

Answer 2

Вы можете попробовать с followig

#image { 
    height: 100%; 
    position: fixed; 
    right: 0; 
    top: 0; 
    width: 100%; 
} 


#image img { 
    float: right; 
    width: 30%; 
} 

Answer 3

Использование медиа-запросов, чтобы изменить ширину авто после того, как экран попадает в «большой» размер

@media only screen and (min-width : 1430px){ 
    #image{ 
     width:auto; 
     } 
    }