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 /* =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) { @media (max-width: 800px) {
/* Simplify the basic layout */ /* Simplify the basic layout */
#main #content { #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) { @media (max-width: 1599px) {
.site { .site {
border: 0; border: 0;

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

@ -1432,6 +1432,18 @@ img#wpstats {
/* =Media queries /* =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. */ /* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
.author-avatar { .author-avatar {