CSS - HTML

Siteye gömülen harita ya da takvimi responsive nasıl ederim?

Yapılacak şey çok kolaymış aslında. Aşağıdaki kodları css dosyanızda münasip bir yere ekleyin önce.

/* Responsive iFrame */
.responsive-iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Daha sonra iframe’i nereye ekleyecekseniz, önce aşağıdaki div’i ekleyin. iFrame kodlarını ise bu div’in içine ekleyin.

<!-- Responsive iFrame -->
<div class="responsive-iframe-container"></div>

Her şey bu kadar!

Yazar Hakkında

Mustafa DİZDAR

Ayrıntılara dikkat ederim, araba sürmekten keyif alırım, kimseye de güvenmem. Eyyorlamam bu kadar. Hakkımda daha fazla bilgiye erişmek istiyorsan seni buraya alayım.

Haydi, siz de fikirlerinizi yazın :)