Arkadaşlar Merhabalar;

Yaptığım bir uygulama mobil yada tabletlerden açılabilen bir sitedir. Bu sitede mobilde açıldığında bazı css bozuklukları vermektedir. Bunun içinde ayrı ayrı css tanımlamam gerekli ve google da arama yaptım. Sonuç olarak css-browser-selector.js denilen bir yapıyı buldum. Bu yapıda güzel bir şekilde anlatılmış fakat sistem çalışmıyor.

örnek kod olarak :

.mobil.webkit #denemeDiv{background-color:red;}

denildiğinde mobilden chrome ile girildiğinde arka planın rengi kırmızı olmalı ama olmuyor.

bu konu için bu linkten yararlanabilirsiniz. Buradaki sistem browserlarda çalışmaktadır. Böyle başka bildiğiniz bir yapı var mı? yada önereceğiniz düşünceler var sa paylaşır mısınız?

soruldu: 08 Tem '14, 09:52

gece_bekcisi's gravatar image

gece_bekcisi
266192228
cevap kabul oranı: 0%


Kesinlikle Bootstrap framework kullanmanizi oneriyorum o zaman. Yapmis oldugunuz bi siteyi "responsive" dedigimiz (tablet,mobile,desktop gozetmeksizin) farkli ve cihaz buyuklugune uygun sekilde tasarlayabilirsiniz.

Bu linklerden detayli bilgi edinebilirsiniz:

http://www.ozdemir.info.tr/bootstrap-nedir-nasil-kullanilir/

https://www.youtube.com/watch?v=CPBcDpd2nUQ

https://www.youtube.com/watch?v=30yS2T_CbYE

permanent link

cevaplandı: 08 Tem '14, 16:21

Haluk's gravatar image

Haluk
23027
cevap kabul oranı: 0%

değiştirildi: 09 Tem '14, 01:25

AliR%C4%B1za%20Ad%C4%B1yah%C5%9Fi's gravatar image

AliRıza Adıyahşi ♦
7.9k146288

Haklısın ama bootstrap ı pek kullanmak istemiyorum...

(17 Tem '14, 02:36) gece_bekcisi gece_bekcisi's gravatar image

Link'i vermis oldugunuz sitede anlatilan konuda farkli cihaz icin degil, farkli browser icin bi cozum uretilmis. Anladigim kadariyla Tablette Chrome dan acildiginda Arka fon kirmizi iken, cep telefonlarindan acildiginda kirmizi olmuyor. Eger konu buysa bootstrap framework unden yararlanmanizi tavsiye ederim.

Edit: CSS Media Query 'lerinden de yararlanmaniz mumkun olabilir:

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

permanent link

cevaplandı: 08 Tem '14, 12:13

Haluk's gravatar image

Haluk
23027
cevap kabul oranı: 0%

değiştirildi: 08 Tem '14, 12:16

Aslında tam olarak arka plan rengini değiştirmek istemiyorum o sadece bir örnek idi. Yaptığım siteyi tablete yüklü olan chrome ve opera ile açtığımda magin padding gibi yapılarda farklılıklar oluşuyor. Normalde sitelerde reset css kullanarak ie dışındaki çoğu browser da bu sorunu aşmıştım ama burada yani tablet ve mobil de olmadı. Media taglarını zaten kullanıyorum. Bu taglar ile browser türünü ayırma imkanım var mı ?

(08 Tem '14, 14:29) gece_bekcisi gece_bekcisi's gravatar image
Cevabınız
toggle preview

Bu soruyu takip et

E-Posta üzerinden:

Üyelik girişi yaptıktan sonra abonelik işlemlerini yapabilirsiniz

RSS üzerinden:

Cevaplar

Cevaplar ve Yorumlar

Yazı Formatlama

  • *italic* ya da _italic_
  • **bold** ya da __bold__
  • link:[text](http://url.com/ "başlık")
  • resim?![alt text](/path/img.jpg "başlık")
  • liste: 1. Foo 2. Bar
  • temel HTML etiketleri de kullanılabilir

Bu sorunun etiketleri:

×32
×30
×5

Soruldu: 08 Tem '14, 09:52

Görüntüleme: 733 kez

Son güncelleme: 17 Tem '14, 02:36

powered by BitNami OSQA