Last active
April 20, 2024 08:32
-
-
Save serhanozcan/a255cf508db9507eca7db8322d19e9fa 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 | |
| } |
elinize sağlık
Çok sade ve işe yarar bir kısayol, teşekkür ederim
teşekkürler sade anlatım için
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
teşekkürler bilgi için