76 lines
1.5 KiB
CSS
76 lines
1.5 KiB
CSS
/*-------------Customize by Screen Dimensions---------------------*/
|
|
@media screen and (orientation:landscape) {
|
|
|
|
}
|
|
|
|
/*
|
|
iPhone 5 in portrait & landscape
|
|
*/
|
|
@media only screen
|
|
and (min-device-width : 320px)
|
|
and (max-device-width : 568px) {
|
|
.itemMenuHomeMetro {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.itemMenuHomeMetro a{
|
|
background-size: 85px 85px!important;
|
|
display: block;
|
|
height: 100px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 2G-4S in portrait & landscape
|
|
*/
|
|
@media only screen
|
|
and (min-device-width : 320px)
|
|
and (max-device-width : 480px) {
|
|
.itemMenuHomeMetro {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.itemMenuHomeMetro a{
|
|
background-size: 75px 75px!important;
|
|
display: block;
|
|
height: 85px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 6 in portrait & landscape
|
|
*/
|
|
@media only screen
|
|
and (min-device-width : 375px)
|
|
and (max-device-width : 667px) {
|
|
.itemMenuHomeMetro {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
|
|
.itemMenuHomeMetro a{
|
|
background-size: 85px 85px!important;
|
|
display: block;
|
|
height: 100px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
iPhone 6 Plus in portrait & landscape
|
|
*/
|
|
@media only screen
|
|
and (min-device-width : 414px)
|
|
and (max-device-width : 736px) {
|
|
.itemMenuHomeMetro {
|
|
width: 145px;
|
|
height: 145px;
|
|
}
|
|
|
|
.itemMenuHomeMetro a{
|
|
background-size: 105px 105px!important;
|
|
display: block;
|
|
height: 120px;
|
|
}
|
|
} |