WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Bundled Themes: implement Microsoft-specific `@viewport` rules for better responsive styling in Windows 8 "snapped" views. Props celloexpressions, fixes #25888. 

Built from https://develop.svn.wordpress.org/trunk@26070


git-svn-id: http://core.svn.wordpress.org/trunk@25990 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2013-11-09 23:20:09 +00:00
parent 944434824e
commit 5bb8d78e07
3 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
wp-content/themes/twentyeleven/style.css
View File

@ -2283,6 +2283,18 @@ p.comment-form-comment {
/* =Responsive Structure
----------------------------------------------- */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media (max-width: 800px) {
/* Simplify the basic layout */
#main #content {

12
wp-content/themes/twentythirteen/style.css
View File

@ -2577,6 +2577,18 @@ footer.entry-meta {
* ----------------------------------------------------------------------------
*/
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media (max-width: 1599px) {
.site {
border: 0;

12
wp-content/themes/twentytwelve/style.css
View File

@ -1432,6 +1432,18 @@ img#wpstats {
/* =Media queries
-------------------------------------------------------------- */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.author-avatar {