This is snippets css for help you when create an website that will access many devices. You can see some examples a below:
#Iphone 4 and 4S
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
/Here your code/
}
#Galaxy S3
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 320px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2) {
/Here your code/
}
#How to use Put file CSS into head of your website or using into your CSS. Look example a below:
> Now you put CSS into of file CSS like this: >
@import url("path/media-queries-devices.css");
#Mobile Checker Mobile Checker
#References
This is an opinion diferent like this: Why you dont need device specific breakpoints