Responsive Google Maps Yardımı

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Responsive Google Maps Yardımı

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

4
Cevap 691
Tıklama 0
Öne Çıkarma

1. sayfa

Responsive Google Maps Yardımı

Cevap Yaz

hugo_ramirez

8 yıl

Yüzbaşı

Konu Sahibi

Merhaba arkadaşlar.

Minimal dizayn HTML5 yapısında bir web sitesi yapıyorum. Amatörce.

Sayfanın iletişim bölümüne Google maps ekliyorum. Ancak mobil cihazlarda sayfaya girildiğinde (tabletlerde sorun yok ama iphone veya android telefonlarda Harita küçülmüyor, responsive bir özellik istiyorum bu nedenle.

Sayfadaki kodlar aşağıdaki gibi. Bunu nasıl responsive hale getirebilirim?

quote:

<article id="work" class="panel" style="display: none;">
<header>
<h2>BU BÖLÜM FİRMA İSMİ</h2>
</header>
<iframe width="800" height="300" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:BU BÖLÜMDE MAPS ID MEVCUT" allowfullscreen=""></iframe><br>

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

< Bu mesaj bu kişi tarafından değiştirildi hugo_ramirez -- 18 Şubat 2017; 12:43:11 >

< Bu ileti tablet sürüm kullanılarak atıldı >

CarnageTR

8 yıl

Yüzbaşı

iframe içindeki width sıfatını %80 gibi bir değer yaparsanız amatörce çözülür. Eğer daha profesyonel bir şey yapmak isterseniz bootstrap kullanabilirsiniz ya da js kullanarak sayfa boyutuna göre gerekli width değerini hesaplayıp boyut değiştikçe ilgili sıfatın değerini değiştirerek yapabilirsiniz.

hugo_ramirez

8 yıl

Yüzbaşı

Konu Sahibi

Peki bunu hazır kod olarak siteye ekleyebileceğim bir kaynak var mı?

Bootstrap mesela? Teşekkürler

< Bu ileti tablet sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @CarnageTR

CarnageTR

8 yıl

Yüzbaşı

bootstrap zaten hazır kod. Kendi web sitelerindeki (getbootstrap.com) dokümantasyon oldukça iyi. Oradan referans alabilirsin. Google'de tutorial araştırırsan da bolca kaynak var. İngilizce biliyorsan direk yabancı kaynaklara bak derim.

Bu mesajda bahsedilenler: @hugo_ramirez

hugo_ramirez

8 yıl

Yüzbaşı

Konu Sahibi

Tamamdır buldum, teşekkür ederim biraz uğraşıp üstesinden gelebilirim. Sıkıntı olursa pm atarım.

Teşekkürler.

< Bu ileti tablet sürüm kullanılarak atıldı >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Responsive Google Maps Yardımı