开发者

Most used media queries for smarthphones and tablets?

开发者 https://www.devze.com 2023-04-02 11:27 出处:网络
Right now, I\'m using this one for tablets: @media screen and (max-w开发者_开发知识库idth: 960px) {

Right now, I'm using this one for tablets:

@media screen and (max-w开发者_开发知识库idth: 960px) {
}

and this one for smarthphones:

@media screen and (max-width: 480px) {
}

I want to keep it simple and use only two. What are the most used media queries for smarthphone and tablet?


I would use for mobile devices:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)

AND for tablets:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

Didn't see the date posted...a little out of date.

0

精彩评论

暂无评论...
验证码 换一张
取 消