Rails'imdeki başlık resmi, bootstrap'lenmiş web sayfası Chrome/firefox/Opera ile doğru şekilde yeniden boyutlandırılıyor ancak Mobile Safari ile değil. Ben başlığındaBaşlık resmi mobil safari'de yeniden boyutlandırılmıyor, - tamamen uzaklaştırılmış durumda
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes">
aşağıdaki meta etiketlerini var Burada HTML ve CSS var:
<!-- This is the Html -->
<div class="section section-fill-height">
<div class="background-image background-image-fixed" style="background-image : url('sample1.jpg')"></div>
</div>
/* And this is the CSS */
.section {
position:relative;
}
.section-fill-height {
display: flex;
height:100%;
align-items: center;
}
.section .background-image {
z-index:-1;
position:absolute;
top: 0px;
left: 0px;
width:100%;
height:100%;
background-size: cover;
background-position: center;
}
.section .background-image.background-image-fixed {
background-attachment: fixed;
}
bize göstermek lütfen Resminizin html/css. Mobil Safari'nin, örneğin arka plan resimleri ve arka plan eki gibi bazı sorunları vardır: düzeltildi. Fakat html/css'inizi görmeden yardım etmek için yapabileceğimiz çok şey yok. –
Merhaba @ SuneS.-T. Tamam, yukarıdaki html ve css ekledim. Teşekkürler – esp4u
Rica ederim. Gönderdiğiniz kodunuza göre aşağıda bir yanıt ekledim. –