Arka plan resmi, tarayıcıda tam olarak gösterilmez ve en kötü ihtimalle de mobil üzerinde gösterilmeyebilir

Question

1. Ana arka plan resmim ekran çözünürlüğüne uyar, ancak resim işlemde kesiliyor ve sonuç olarak tam resmi göremiyorsunuz .

2. resim

nasıl tam resmini göstermek ve tam ekran res için her tarayıcı/mobil/tablet adapte do (hatta daha kesilmiş) bile en kötü cep/tablet üzerinde mi?

Kodlamayı nerede değiştireceğimi bile bilmiyorum.

Bu kod sorun olabilir mi?

* 28.0 Section 
 
*/ 
 

 
.magee-section { 
 
    position: relative; 
 
    -webkit-background-size: cover; 
 
    -ms-background-size: cover; 
 
    -o-background-size: cover; 
 
    background-size: cover; 
 
} 
 

 
.fullheight { 
 
    min-height: 100vh; 
 
} 
 

 
.verticlemiddle { 
 
    display: table; 
 
    width: 100%; 
 
} 
 

 
.magee-section.verticlemiddle .container, 
 
.magee-section.verticlemiddle .container-fullwidth { 
 
    display: table-cell; 
 
    vertical-align: middle; 
 
} 
 

 
.magee-section .background-media, 
 
.magee-section .background-overlay { 
 
    position: absolute; 
 
    width: 100%; 
 
    right: 0; 
 
    top: 0; 
 
    bottom: 0; 
 
    overflow: hidden; 
 
} 
 

 
.magee-section .background-media { 
 
} 
 

 
.magee-section .background-overlay { 
 
} 
 

 
.magee-section .container, 
 
.magee-section .container-fullwidth { 
 
    position: relative; 
 
    overflow: hidden; 
 
}

Answer 1

body { 
    background: url("a.jpg") no-repeat center center fixed; 
    -moz-background-size: cover; 
    -webkit-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

ve HEAD görünüm eklemeyi unutma:, https://jsfiddle.net/668j8xr8/

Answer 2

Lütfen bu bağlantıyı kontrol edin: Burada

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

keman olduğunu kesinlikle size yardımcı olacaktır: http://www.w3schools.com/css/css_rwd_images.asp