https://gist.github.com/needim/d15fdc2ac133d8078f7c
Device Specific CSS Media Queries Collection
Device Specific CSS Media Queries Collection. GitHub Gist: instantly share code, notes, and snippets.
gist.github.com
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Media Queries for Standard Devices | CSS-Tricks
This page lists a ton of different devices and media queries that would specifically target that device. That's probably not generally a great practice, but it is helpful to know what the dimensions for all these devices are in a CSS context.
css-tricks.com
여러기기의 중단점 – Media Queries for Standard Devices – Tarot's Design & Frontend Dev.
Media Queries for Standard Devices BY CHRIS COYIER LAST UPDATED ON JULY 23, 2016 Phones and Handhelds iPhones /* ———– iPhone 4 and 4S ———– */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-
imagestory.net
https://www.mydevice.io/#compare-devices
mydevice.io : web devices capabilities
Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings. Choose your weapon :
www.mydevice.io
https://blog.outsider.ne.kr/1153
JavaScript에 미디어쿼리를 사용하는 matchMedia() :: Outsider's Dev Story
요즘은 모바일과 데스크톱용 사이트를 따로 만드는 대신 웹사이트를 반응형으로 만들어서 다양한 해상도에 대응하는 것이 자연스럽다고 생각한다. 웹사이트를 반응형으로 만들려면 [CSS 미디어쿼리](https://deve...
blog.outsider.ne.kr
Screen sizes, viewport size and CSS media queries for Devices | Viz Devices by YesViz.com
yesviz.com
'Librarys > 모바일' 카테고리의 다른 글
| Galaxy Foldable 폴더폰 해상도 (Viewport) (0) | 2021.12.13 |
|---|---|
| [IOS] safari에서 확대 축소 막기 (0) | 2020.10.22 |
| 터치 이벤트처리 (0) | 2020.09.25 |
| 모바일웹 브라우저 해상도사이즈 상세 (0) | 2020.09.08 |
| 아이폰5 (테스트 버전 ios8.4) 미지원 (0) | 2019.12.10 |
| iPhone 11 /iPhone 11 Pro/iPhone 11 Pro Max MediaQuery (0) | 2019.11.06 |