For example using a Media Query I can target certain viewports such as

@media (max-size: 480px;){
/* code here*/
}

but when I look up devices such as a iPad or a Samsung Galaxy Fold, I can only get screen resoultions, how do I target those? I am looking to to target all screen sizes on a Web App that I can

CodePudding user response：

Stick to this rule 1500px - Desktop, 1500px- 1100px - Laptop, 1100px- 550px - Tablet, 550px- - Mobile.