Merhaba arkadaslar.
Bootstrap hakkında danısabiliceğim bilgisi olan varmı.
bootstrap hakkında |
14 Mesajlar | 2.304 Okunma | ||
- Üyelik 03.03.2015
- Yaş/Cinsiyet 30 / E
- Meslek Bilgisayar Programcılığı
- Konum Tekirdağ
- Ad Soyad Ö** M**
- Mesajlar 7
- Beğeniler 3 / 1
- Ticaret 0, (%0)
- Üyelik 15.07.2013
- Yaş/Cinsiyet 36 / E
- Meslek web coder
- Konum İstanbul Avrupa
- Ad Soyad S** D**
- Mesajlar 203
- Beğeniler 7 / 36
- Ticaret 8, (%88)
buyur hocam yardımcı olayaım
- Üyelik 29.06.2011
- Yaş/Cinsiyet 37 / E
- Meslek Vip Tema Web Tasarım A.Ş.
- Konum Tekirdağ
- Ad Soyad Ö** I**
- Mesajlar 1393
- Beğeniler 704 / 703
- Ticaret 21, (%100)
buyur hocam yardımcı olayaım
Hazır bulmuşken bende bir soru sorayım :)
Bootstrap kullanarak yaptığım site pcde responsive ancak telefonda bilgisayarda nasılsa aynen öyle yani esnemiyor. Nedeni ne olabilir ?
- Üyelik 15.07.2013
- Yaş/Cinsiyet 36 / E
- Meslek web coder
- Konum İstanbul Avrupa
- Ad Soyad S** D**
- Mesajlar 203
- Beğeniler 7 / 36
- Ticaret 8, (%88)
site ismini alıyım
- Üyelik 29.06.2011
- Yaş/Cinsiyet 37 / E
- Meslek Vip Tema Web Tasarım A.Ş.
- Konum Tekirdağ
- Ad Soyad Ö** I**
- Mesajlar 1393
- Beğeniler 704 / 703
- Ticaret 21, (%100)
- Üyelik 15.07.2013
- Yaş/Cinsiyet 36 / E
- Meslek web coder
- Konum İstanbul Avrupa
- Ad Soyad S** D**
- Mesajlar 203
- Beğeniler 7 / 36
- Ticaret 8, (%88)
head bölümüne bu kodu yaz fakat yinede tablo kullanmışsınız tablo etiketi tam anlamıyla responsive olmuyor bilginiz olsun div veya spanlarla li lerle yapmaya çalışırsanız daha verimli olur
- Üyelik 29.06.2011
- Yaş/Cinsiyet 37 / E
- Meslek Vip Tema Web Tasarım A.Ş.
- Konum Tekirdağ
- Ad Soyad Ö** I**
- Mesajlar 1393
- Beğeniler 704 / 703
- Ticaret 21, (%100)
head bölümüne bu kodu yaz fakat yinede tablo kullanmışsınız tablo etiketi tam anlamıyla responsive olmuyor bilginiz olsun div veya spanlarla li lerle yapmaya çalışırsanız daha verimli olur
Tablolarla tam anlamda responsive olmadığını biliyordum. Tüm sayfalarım o şekilde değil, tabloyu biraz nasıl olsa esnek olmadı diye kullanmıştım.
Verdiğiniz kod tam olarak ne işe yarıyor farklı kullanım şekilleri var mı ? ayrıca hocam ben verdiğim linkteki siteye ayrıca bir style dosyası oluşturmadım tamamen bootstrap da ne varsa onu kullanmaya çalıştım. Kendi style dosyamı da oluşturmuş olsaydım yine aynı şekilde verdiğiniz kodu kullanacak mıydım ?
- Üyelik 15.07.2013
- Yaş/Cinsiyet 36 / E
- Meslek web coder
- Konum İstanbul Avrupa
- Ad Soyad S** D**
- Mesajlar 203
- Beğeniler 7 / 36
- Ticaret 8, (%88)
kendi style dosyanı oluştururken telefon ve tablet yani kısacası ekran boyutlarına göre düzenlemeler yapman gerekicekti @media screen and (max-width: 300px) { buraya bu pixeldeki cihazlar için style kodların gelecek} şekilde ayarlaman gerekicekti evet eğer bu şekilde tasarlarsan yinede bu kodu yazman gerekicek cünkü
width : Piksel olarak verilen viewport genişliği. Değer olarak device-width ile cihazın ekran genişliği de verilebilir
height: Piksel olarak verilen viewport yüksekliği. Değer olarak device-height ile cihazın ekran yüksekliği de verilebilir
initial-scale: Sayfayı ilk gösterilirken ne kadar ölçekli (scale) olarak verileceği. Örneğin 1.0 değeri verilirse başlangıç görünütüsü ölçeklenmeden gösterilir. 0 ile 10.0 arası bir değer olabilir
işine yarıyor yani sayfanın boyutunu cihazın boyutuna göre ayarlıyor
Ek Olarak: daha detaylı bilgiyi https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=tr adresten bulabilirsinniz
width : Piksel olarak verilen viewport genişliği. Değer olarak device-width ile cihazın ekran genişliği de verilebilir
height: Piksel olarak verilen viewport yüksekliği. Değer olarak device-height ile cihazın ekran yüksekliği de verilebilir
initial-scale: Sayfayı ilk gösterilirken ne kadar ölçekli (scale) olarak verileceği. Örneğin 1.0 değeri verilirse başlangıç görünütüsü ölçeklenmeden gösterilir. 0 ile 10.0 arası bir değer olabilir
işine yarıyor yani sayfanın boyutunu cihazın boyutuna göre ayarlıyor
Ek Olarak: daha detaylı bilgiyi https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=tr adresten bulabilirsinniz
- Üyelik 29.06.2011
- Yaş/Cinsiyet 37 / E
- Meslek Vip Tema Web Tasarım A.Ş.
- Konum Tekirdağ
- Ad Soyad Ö** I**
- Mesajlar 1393
- Beğeniler 704 / 703
- Ticaret 21, (%100)
kendi style dosyanı oluştururken telefon ve tablet yani kısacası ekran boyutlarına göre düzenlemeler yapman gerekicekti @media screen and (max-width: 300px) { buraya bu pixeldeki cihazlar için style kodların gelecek} şekilde ayarlaman gerekicekti evet eğer bu şekilde tasarlarsan yinede bu kodu yazman gerekicek cünkü
width : Piksel olarak verilen viewport genişliği. Değer olarak device-width ile cihazın ekran genişliği de verilebilir
height: Piksel olarak verilen viewport yüksekliği. Değer olarak device-height ile cihazın ekran yüksekliği de verilebilir
initial-scale: Sayfayı ilk gösterilirken ne kadar ölçekli (scale) olarak verileceği. Örneğin 1.0 değeri verilirse başlangıç görünütüsü ölçeklenmeden gösterilir. 0 ile 10.0 arası bir değer olabilir
işine yarıyor yani sayfanın boyutunu cihazın boyutuna göre ayarlıyor
width : Piksel olarak verilen viewport genişliği. Değer olarak device-width ile cihazın ekran genişliği de verilebilir
height: Piksel olarak verilen viewport yüksekliği. Değer olarak device-height ile cihazın ekran yüksekliği de verilebilir
initial-scale: Sayfayı ilk gösterilirken ne kadar ölçekli (scale) olarak verileceği. Örneğin 1.0 değeri verilirse başlangıç görünütüsü ölçeklenmeden gösterilir. 0 ile 10.0 arası bir değer olabilir
işine yarıyor yani sayfanın boyutunu cihazın boyutuna göre ayarlıyor
İşe yaradı hocam çok teşekkürler, anlamadığım tek nokta buydu.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)