Forked from serhanozcan/Responsive-ekran-boyutlari.css
Created
February 27, 2024 19:13
-
-
Save XTechnology-TR/7f1e5b91fbc73930aaf2e617f4af6f1e to your computer and use it in GitHub Desktop.
Responsive ekran boyutları ve css media listesi
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
##Cihaz = Masaüstü | |
##Ekran = 1281px 'den yüksek çözünürlükler için | |
*/ | |
@media (min-width: 1281px) { | |
//CSS | |
} | |
/* | |
##Cihaz = Laptoplar, Masaüstü | |
##Ekran = 1025px to 1280px Arası Ekranlar | |
*/ | |
@media (min-width: 1025px) and (max-width: 1280px) { | |
//CSS | |
} | |
/* | |
##Cihaz = Tabletler, Ipad (portrait/dikey modda) | |
##Ekran = 768px to 1024px Arası Ekranlar | |
*/ | |
@media (min-width: 768px) and (max-width: 1024px) { | |
//CSS | |
} | |
/* | |
##Cihaz = Tabletler, Ipad (landscape/yatay modda) | |
##Ekran = 768px to 1024px Arası Ekranlar | |
*/ | |
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { | |
//CSS | |
} | |
/* | |
##Cihaz = Düşük Çözünürlüklü Tablet ve Mobil Ekranlar (Landscape / Yatay Modda) | |
##Ekran = 481px to 767px Arası Ekranlar | |
*/ | |
@media (min-width: 481px) and (max-width: 767px) { | |
//CSS | |
} | |
/* | |
##Cihaz = En Çok Tercih Edilen Mobil Boyutlar (Portrait/Dikey Modda) | |
##Ekran = 320px to 479px Arası Ekranlar | |
*/ | |
@media (min-width: 320px) and (max-width: 480px) { | |
//CSS | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment