Question

Здравствуйте, на ПК версии обложка пользователя показывает, не всё изображение. Как сделать чтобы он показывал всю картинку (на ПК версии)?

На 1 изображении, всё отлично не каких ошибок нет.

На 2 изображении, проблема. Картинка не показывает весь размер. Заранее, спасибо.

 

[ Сайт ] [ Мой профиль ]

Answer 1

Нужно использовать одно большое изображение, у вас оно маленькое и на мобильном все хорошо так как размеры фото в пределах норм для мобильных экранов. Но для ПК оно маленькое, в итоге растягивается и вид получается тот который вы видите. Нужно использовать фото размерами не меньше 1920х480 вместо текущего 800х480. После стили ваши отредактировать:

.sc-cover1 {
    background: url(http://kropers.com/ob/Screenshot_2018-04-15-11-02-33.png) #1d1d1d;
    background-size: cover;
    position: relative;
    height: 200px;
    margin-bottom: 50px;
}

и заменитть на:

.sc-cover1 {
    background: url(ссылка на фото обложки)no-repeat center top;
    background-size: auto;
    position: relative;
    height: 480px;
    margin-bottom: 50px;
}