From 0edd51d2e26caf00ed29a3118c9da23f50977e27 Mon Sep 17 00:00:00 2001 From: Misty Stanley-Jones Date: Fri, 6 Nov 2015 10:00:33 +1000 Subject: [PATCH] HBASE-14774 Raise the font size on high-DPI small-screen devices like iPhone 6+ --- src/main/site/resources/css/site.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/main/site/resources/css/site.css b/src/main/site/resources/css/site.css index b1493fcf017..32ab5645c6b 100644 --- a/src/main/site/resources/css/site.css +++ b/src/main/site/resources/css/site.css @@ -76,7 +76,7 @@ li#publishDate.pull-right { } /* 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 { width: 100%; 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%; + } +}