sergiotarxz/Wordpress
sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@26070 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-11-09 23:19:35 +00:00
parent 0081ce7c81
commit 896ae4e6ef
3 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/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
src/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
src/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 {