Blogger Videolarını Uyumlu Yapma
Blogunuza bir video eklediğinizde, Blogger bunu sabit bir genişlik ve yükseklikle kodunuza yerleştirir. Bu durum masaüstünde sorun çıkarmazken, telefon ekranlarında videonun yarısının ekranın dışında kalmasına neden olu. Her ekrana uyumlu CSS kodu.
.separator:has(iframe){
position:relative;
padding-bottom:56.25%;
overflow:hidden;
border-radius:5px;
}
.separator iframe{
position:absolute;
width:100%;
height:100%;
left:0;
right:0;
}
2 Yorum