Is there a way to set the default media type for a specific browser like Chrome in order to test CSS @media styles?
@screen
{
div { background-color:red; }
}
@handheld
{
div { background-color:lime; }
}
<div style="width:100px;height:100px"></div>
I want to be able to easily switch between these two media types without modifying my code. Any suggestions on using a Chrome extension, JavaScript snippet, or other solution to achieve this magic would be greatly appreciated.