Make WordPress Core

Ticket #25888: 25888.ms-only.diff

File 25888.ms-only.diff, 2.2 KB (added by celloexpressions, 11 years ago)

Fix the bug, telling IE to honor the device width like our meta tags do, but don't add the generalized and currently unsupported @viewport rules for all browsers.

  • wp-content/themes/twentyeleven/style.css

     
    22832283/* =Responsive Structure
    22842284----------------------------------------------- */
    22852285
     2286/* Make IE10 & 11 adjust the viewport automatically in Windows 8 "snapped" view. */
     2287@-ms-viewport {
     2288        width: device-width;
     2289}
     2290
    22862291@media (max-width: 800px) {
    22872292        /* Simplify the basic layout */
    22882293        #main #content {
  • wp-content/themes/twentyfourteen/style.css

     
    28642864 * -----------------------------------------------------------------------------
    28652865 */
    28662866
     2867/* Make IE10 & 11 adjust the viewport automatically in Windows 8 "snapped" view. */
     2868@-ms-viewport {
     2869        width: device-width;
     2870}
     2871
    28672872@media screen and (max-width: 400px) {
    28682873        .list-view .site-content .post-thumbnail {
    28692874                background: none;
  • wp-content/themes/twentythirteen/style.css

     
    25772577 * ----------------------------------------------------------------------------
    25782578 */
    25792579
     2580/* Make IE10 & 11 adjust the viewport automatically in Windows 8 "snapped" view. */
     2581@-ms-viewport {
     2582        width: device-width;
     2583}
     2584
    25802585@media (max-width: 1599px) {
    25812586        .site {
    25822587                border: 0;
  • wp-content/themes/twentytwelve/style.css

     
    14321432/* =Media queries
    14331433-------------------------------------------------------------- */
    14341434
     1435/* Make IE10 & 11 adjust the viewport automatically in Windows 8 "snapped" view. */
     1436@-ms-viewport {
     1437        width: device-width;
     1438}
     1439
    14351440/* Minimum width of 600 pixels. */
    14361441@media screen and (min-width: 600px) {
    14371442        .author-avatar {