Twenty Fifteen: pinching to zoom in on landscape on iPads is breaking the layout with the sticky sidebar. Providing a one-column view on those screens looks good and will likely prevent other bugs we don't even know about.

Props iamtakashi, fixes #30366.




git-svn-id: https://develop.svn.wordpress.org/trunk@30565 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ian Stewart 2014-11-25 14:57:40 +00:00
parent b5af639a5a
commit 996b21e660
2 changed files with 2 additions and 13 deletions

View File

@ -12,7 +12,7 @@
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<!--[if lt IE 9]>

View File

@ -3918,18 +3918,6 @@ span > video {
*/
@media screen and (min-width: 59.6875em) {
body:before,
.sidebar-fixed .site-header,
.sidebar-fixed .main-navigation,
.sidebar-fixed .social-navigation,
.sidebar-fixed .widget {
-webkit-transform: translateZ(0); /* Fixes flashing bug with scrolling on iOS Safari */
}
.sidebar-fixed .sidebar {
position: fixed;
}
body:before {
background-color: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
@ -3941,6 +3929,7 @@ span > video {
top: 0;
left: 0;
width: 29.4118%;
z-index: 0; /* Fixes flashing bug with scrolling on Safari */
}
.site {