HBASE-14774 Raise the font size on high-DPI small-screen devices like iPhone 6+

This commit is contained in:
Misty Stanley-Jones 2015-11-06 10:00:33 +10:00
parent bea2f7feac
commit 0edd51d2e2
1 changed files with 9 additions and 1 deletions

View File

@ -76,7 +76,7 @@ li#publishDate.pull-right {
} }
/* On small screens, put the search form on its own line */ /* On small screens, put the search form on its own line */
@media only screen and (max-width: 800px) { @media only screen and (max-width: 767px) {
body { body {
width: 100%; width: 100%;
font-size: 120%; font-size: 120%;
@ -110,5 +110,13 @@ li#publishDate.pull-right {
} }
} }
// Make the font size even bigger on high-DPI small-screen devices
// such as iphone 6 and 6+ but not iPad (768 px)
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (max-width: 767px) and (min-device-pixel-ratio : 1.5) {
body {
font-size: 140%;
}
}