HBASE-14774 Raise the font size on high-DPI small-screen devices like iPhone 6+
This commit is contained in:
parent
bea2f7feac
commit
0edd51d2e2
|
@ -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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue