device width on jsfiddle

Question

I want to use a meta tag to set device width on jsfiddle.net

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

but meta tags aren't allowed. Is it simply not possible? The mobile sync mode also doesn't auto enable it.

Answer 1

You can manipulate the DOM's head using jQuery or Javascript.

jQuery

$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1" />');

Javascript

document.getElementByTagName('head').innerHTML += '<meta name="viewport" content="width=device-width, initial-scale=1" />';