v2.5.2
Giriş yap

Tabletlere ve bazı bilgisayarlara göre responsive tasarım nasıl yaplır

yazilimyolcusu
627 defa görüntülendi
7

Arkadaşlar merhaba. Şimdi ben yaptığım siteyi reponsive olarak ayarlamaya çalışıyorum. Mesela kendi laptop'ıma göre tasarımı ayarlıyorum ve "min-width:1200px" veriyorum. Tabletlerin bazıları düzgün görünüyor, bazıları ise dağınık. Ama aynı tableti yan yatırdığımızda görüntü bozuluyor. Mesela ipad pro 10, nexus 10 da görüntü bozuluyor. Aynı şekilde bilgisayar için "1200px" veriyorum ama onlarda da aynı. Nasıl bir ayarlama yapmak lazım acaba.

css
qplot
1472 gün önce

kendım ogrenıp ccs kendım yazıcam dıyorsan

@media screen and (max-width: 1024px) { // burada max-width: 1024px yanı ekran boyutu 1024px e kadar sa bu kodu calıstır demek

css kodlarını bunun ıcıne yazacaksın

}

@media screen and (min-width: 750px) { // burada min-width: 750px yanı ekran boyutu 750px e kadar sa bu kodu calıstır demek

css kodlarını bunun ıcıne yazacaksın

}
CSS

burada standartlara gore kendın ayarlayacaksın mısal ustte arkadas yazmıs

AMA TAVSIYEM ARTIK SIFIRDAN CSS YAZMAK MANTIKSIZ BEN BUNU KULLANIYORUM HERSEYI KENDISI AYARLIYOR SEN YINE EKLEME CIKARMA VS YAPARSIN

https://bulma.io/

1
#004427
Tüm Cevapları Göster (7)