Tabletlere ve bazı bilgisayarlara göre responsive tasarım nasıl yaplır
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.
Media Queries'lerini Bootstrap'a göre referans almak istersen...
xs < 576px
sm ≥ 576px
md ≥ 768px
lg ≥ 992px
xl ≥ 1200px
xxl ≥ 1400px