Windows 8 IE snapped view

In Windows 8 users can have two Apps running side by side, including Internet Explorer.

If the users screen is 1366 pixels or greater the user can snap Internet Explorer to either the left or right side. The minimum size of the new App window is 320px.

By default your website is set to 1024px wide and then scaled to fit in a 320px space.

The HTML

To tell Internet Explorer not to scale your site, add this to your CSS:

@-ms-viewport {width: device-width;}

You can also embed it in a media-query:

@media screen and (max-width: 1200px){
   @-ms-viewport {width: device-width;}
}

WordPress

To add these items to a WordPress site, add the CSS to the main style.css file.

Further Reading

Categories

Tags

Social