Advanced Search

Return to Snippet

Revision: 50839
at September 5, 2011 19:03 by ichnoweb
Initial Code 
<script type="text/javascript">
(function(doc) {

	var addEvent = 'addEventListener',
	    type = 'gesturestart',
	    qsa = 'querySelectorAll',
	    scales = [1, 1],
	    meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];

	function fix() {
		meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
		doc.removeEventListener(type, fix, true);
	}

	if ((meta = meta[meta.length - 1]) && addEvent in doc) {
		fix();
		scales = [.25, 1.6];
		doc[addEvent](type, fix, true);
	}

}(document));
</script>
Initial URL 
http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug
Initial Description 
"Those who create responsive design for iPhone may be aware of the viewport scaling bug in iPhone Safari. The bug occurs when you set the viewport width to device-width and rotate the phone to landscape view."
Initial Title 
iPhone Safari Viewport Scaling Bug
Initial Tags 
iphone
Initial Language 
JavaScript