Merhaba arkadaslar.
Bootstrap hakkında danısabiliceğim bilgisi olan varmı.
bootstrap hakkında |
14 Mesajlar | 2.092 Okunma | ||
- Üyelik 03.03.2015
- Yaş/Cinsiyet 29 / 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 35 / 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 1381
- Beğeniler 703 / 702
- 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 ?
Vip Tema Web Tasarım A.Ş.
- Üyelik 15.07.2013
- Yaş/Cinsiyet 35 / 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 1381
- Beğeniler 703 / 702
- Ticaret 21, (%100)
Vip Tema Web Tasarım A.Ş.
- Üyelik 15.07.2013
- Yaş/Cinsiyet 35 / 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 1381
- Beğeniler 703 / 702
- 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 ?
Vip Tema Web Tasarım A.Ş.
- Üyelik 15.07.2013
- Yaş/Cinsiyet 35 / 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 1381
- Beğeniler 703 / 702
- 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.
Vip Tema Web Tasarım A.Ş.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)