Responsive design 媒体查询帮助,这些是我使用的吗?

Responsive design 媒体查询帮助,这些是我使用的吗?,responsive-design,media-queries,Responsive Design,Media Queries,在当前RWD网站am building上,用于移动(iphone)/标签(ipad)/笔记本电脑屏幕(1366X768 px)的媒体查询如下: 这些是我正在使用的吗?是的,也包括这些,以获得完美的RWD // Little larger screen @media only screen and (min-width: 480px) { } // Pads and larger phones @media only screen and (min-width: 600px) { } //

在当前RWD网站am building上,用于移动(iphone)/标签(ipad)/笔记本电脑屏幕(1366X768 px)的媒体查询如下:


这些是我正在使用的吗?

是的,也包括这些,以获得完美的RWD

// Little larger screen
@media only screen and (min-width: 480px) {

}

// Pads and larger phones
@media only screen and (min-width: 600px) {

}

// Larger pads
@media only screen and (min-width: 768px) {

}

// Horizontal pads and laptops
@media only screen and (min-width: 992px) {

}

// Really large screens
@media only screen and (min-width: 1382px) {

}

// 2X size (iPhone 4 etc)
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {
} 如果您使用Sass,我一直在使用以下小技巧:

$laptop-size: "only screen and (min-width: 768px)";
$desktop-size: "only screen and (min-width: 1382px)";
//等 然后


是的,也包括这些,以获得完美的RWD

// Little larger screen
@media only screen and (min-width: 480px) {

}

// Pads and larger phones
@media only screen and (min-width: 600px) {

}

// Larger pads
@media only screen and (min-width: 768px) {

}

// Horizontal pads and laptops
@media only screen and (min-width: 992px) {

}

// Really large screens
@media only screen and (min-width: 1382px) {

}

// 2X size (iPhone 4 etc)
@media only screen and 
        (-webkit-min-device-pixel-ratio: 1.5), only screen and 
        (-o-min-device-pixel-ratio: 3/2), only screen and 
        (min-device-pixel-ratio: 1.5) {
} 如果您使用Sass,我一直在使用以下小技巧:

$laptop-size: "only screen and (min-width: 768px)";
$desktop-size: "only screen and (min-width: 1382px)";
//等 然后


如果是helpfull,请勾选答案:)如果是helpfull,请勾选答案:)