Media Queries
Ipad Pro Media queries
@mixin ipadPro {
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
@content;
}
}
@mixin ipadProLandscape {
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
@content;
}
}
Ipad Media queries
@mixin ipad {
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
@content;
}
}
@mixin ipadLandscape {
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
@content;
}
}
Usage
@include ipad {
font-size: 25px;
}
@include ipadPro {
font-size: 25px;
}
Last updated