Return to article

Mode		Browser												PhoneGap						Homescreen
Orientation		Portrait						Landscape						Portrait			Landscape			Portrait
Viewport		Non-constrained			Constrained			Non-constrained			Constrained			Non-constrained			Non-constrained			Non-constrained			Constrained
Doctype		None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP
iOS v5.0	screen.width	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320
	screen.availWidth	320	320	320	320	320	320	300	300	300	300	300	300	320	320	320	300	300	300	320	320	320	320	320	320
	window.outerWidth	320	320	320	320	320	320	480	480	480	480	480	480	320	320	320	480	480	480	320	320	320	320	320	320
	window.innerWidth	980	980	320	320	320	320	981	981	480	480	480	480	320	320	320	480	480	480	980	980	320	320	320	320
	document.body.clientWidth	-/b:980	-/b:960	-/b:300	-/b:320	-/b:300	-/b:300	-/b:980	-/b:960	-/b:460	-/b:480	-/b:460	-/b:460	-/b:320	-/b:300	-/b:300	-/b:480	-/b:460	-/b:460	-/b:980	-/b:960	-/b:300	-/b:320	-/b:300	-/b:300
	document.body.offsetWidth	-/b:960	-/b:960	-/b:300	-/b:300	-/b:300	-/b:300	-/b:960	-/b:960	-/b:460	-/b:460	-/b:460	-/b:460	-/b:300	-/b:300	-/b:300	-/b:460	-/b:460	-/b:460	-/b:960	-/b:960	-/b:300	-/b:300	-/b:300	-/b:300
	@media device-width	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320
	@media width	980	980	320	320	320	320	980	980	480	480	480	480	320	320	320	480	480	480	980	980	320	320	320	320
	screen.height	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480
	screen.availHeight	460	460	460	460	460	460	480	480	480	480	480	480	460	460	460	480	480	480	460	460	460	460	460	460
	window.outerHeight	356/c:445	356/c:445	356/c:1602	356/c:1602	356/c:1602	356/c:1602	208/c:667	208/c:667	208/c:1702	208/c:1702	208/c:1702	208/c:1702	460/c:1602	460/c:1602	460/c:1602	480/c:1202	480/c:1202	480/c:1202	480/c:460	480/c:460	480/c:1602	480/c:1602	480/c:1602	480/c:1602
	window.innerHeight	1091	1091	356	356	356	356	425	425	208	208	208	208	460	460	460	300	300	300	1409	1409	460	460	460	460
	document.body.clientHeight	-/b:1091	-/b:1336	-/b:1576	-/b:356	-/b:1576	-/b:1576	-/b:425	-/b:1336	-/b:1676	-/b:208	-/b:1676	-/b:1676	-/b:460	-/b:1576	-/b:1576	-/b:300	-/b:1176	-/b:1176	-/b:1409	-/b:1336	-/b:1576	-/b:460	-/b:1576	-/b:1576
	document.body.offsetHeight	-/b:1336	-/b:1336	-/b:1576	-/b:1576	-/b:1576	-/b:1576	-/b:1336	-/b:1336	-/b:1676	-/b:1676	-/b:1676	-/b:1676	-/b:1576	-/b:1576	-/b:1576	-/b:1176	-/b:1176	-/b:1176	-/b:1383	-/b:1336	-/b:1576	-/b:1576	-/b:1576	-/b:1576
	@media device-height	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480
	@media height	1091	1091	356	356	356	356	425	425	208	208	208	208	460	460	460	300	300	300	1409	1409	460	460	460	460
	window.orientation	0	0	0	0	0	0	90	90	90	90	90	90	0	0	0	90	90	90	0	0	0	0	0	0
	@media orientation	portrait	portrait	portrait	portrait	portrait	portrait	landscape	landscape	landscape	landscape	landscape	landscape	portrait	portrait	portrait	landscape	landscape	landscape	portrait	portrait	portrait	portrait	portrait	portrait
iOS v4.3	screen.width	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320	320
	screen.availWidth	320	320	320	320	320	320	300	300	300	300	300	300	320	320	320	300	300	300
	window.outerWidth	320	320	320	320	320	320	480	480	480	480	480	480	320	320	320	480	480	480
	window.innerWidth	980	980	320	320	320	320	981	981	480	480	480	480	320	320	320	480	480	480
	document.body.clientWidth	-/b:980	-/b:960	-/b:300	-/b:320	-/b:300	-/b:300	-/b:980	-/b:960	-/b:460	-/b:480	-/b:460	-/b:460	-/b:320	-/b:300	-/b:300	-/b:480	-/b:460	-/b:460
	document.body.offsetWidth	-/b:960	-/b:960	-/b:300	-/b:300	-/b:300	-/b:300	-/b:960	-/b:960	-/b:460	-/b:460	-/b:460	-/b:460	-/b:300	-/b:300	-/b:300	-/b:460	-/b:460	-/b:460
	@media device-width	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	@media width	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	screen.height	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480	480
	screen.availHeight	460	460	460	460	460	460	480	480	480	480	480	480	460	460	460	480	480	480
	window.outerHeight	356/c:549	356/c:549	356/c:1602	356/c:1602	356/c:1602	356/c:1602	208/c:824	208/c:824	208/c:1962	208/c:1962	208/c:1962	208/c:1962	460/c:1602	460/c:1602	460/c:1602	480/c:1202	480/c:1202	480/c:1202
	window.innerHeight	1091	1091	356	356	356	356	425	425	208	208	208	208	460	460	460	300	300	300
	document.body.clientHeight	-/b:1091	-/b:1656	-/b:1576	-/b:356	-/b:1576	-/b:1576	-/b:425	-/b:1656	-/b:1936	-/b:208	-/b:1936	-/b:1936	-/b:460	-/b:1576	-/b:1576	-/b:300	-/b:1176	-/b:1176
	document.body.offsetHeight	-/b:1656	-/b:1656	-/b:1576	-/b:1576	-/b:1576	-/b:1576	-/b:1656	-/b:1656	-/b:1936	-/b:1936	-/b:1936	-/b:1936	-/b:1576	-/b:1576	-/b:1576	-/b:1176	-/b:1176	-/b:1176
	@media device-height	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	@media height	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	window.orientation	0	0	0	0	0	0	90	90	90	90	90	90	0	0	0	90	90	90
	@media orientation	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
Mode		Browser												PhoneGap
Orientation		Portrait						Landscape						Portrait			Landscape
Viewport		Non-constrained			Constrained			Non-constrained			Constrained			Non-constrained			Non-constrained
Doctype		None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP
Android v4.0	screen.width	320	320	320	320	320	320	480	480	480	480	480	480	320	320	320	480	480	480
	screen.availWidth	320	320	320	320	320	320	480	480	480	480	480	480	320	320	320	480	480	480
	window.outerWidth	320	320	320	320	320	320	320/b:480	320/b:480	480	320/b:480	320/b:480	320/b:480	320	320	320	480	480	480
	window.innerWidth	320/b:980	320/b:980	320	320	320	320	320/b:980	320/b:980	480	320/b:480	320/b:480	320/b:480	320	320	320	320/b:480	320/b:480	480
	document.body.clientWidth	-/b:980	-/b:960	-/b:300	-/b:320	-/b:300	-/b:300	-/b:980	-/b:960	-/b:460	-/b:480	-/b:460	-/b:480	-/b:320	-/b:300	-/b:300	-/b:480	-/b:460	-/b460
	document.body.offsetWidth	-/b:960	-/b:960	-/b:300	-/b:300	-/b:300	-/b:300	-/b:980	-/b:960	-/b:460	-/b:460	-/b:460	-/b:460	-/b:300	-/b:300	-/b:300	-/b:480	-/b:460	-/b460
	@media device-width	320	320	320	320	320	320	480	480	480	480	480	480	320	320	320	480	480	480
	@media width	320/b:980	320/b:980	320	320	320	320	320/b:980	320/b:980	480	320/b:480	320/b:480	320/b:480	320	320	320	320/b:480	320/b:480	480
	screen.height	480	480	480	480	480	480	320	320	320	320	320	320	480	480	480	320	320	320
	screen.availHeight	480	480	480	480	480	480	320	320	320	320	320	320	480	480	480	320	320	320
	window.outerHeight	455	455	455	240/d:455	240/d:455	240/d:455	240/b:295	240/b:295	240/d:295	240/d:295	240/d:295	240/d:295	455	455	455	295	295	295
	window.innerHeight	240/b:1234	240/b:1234	403	403	403	240/d:403	240/b:496	240/b:496	243	240/b:243	240/b:243	240/b:243	240/b:455	240/b:455	455	240/b:295	240/b:295	295
	document.body.clientHeight	-/b:1234	-/b:1682	-/b:1682	-/b:403	-/b:1682	-/b:1682	-/b:496	-/b:1302	-/b:1302	-/b:243	-/b:1302	-/b:1302	-/b:455	-/b:1682	-/b:1682	-/b:295	-/b:1302	-/b:1302
	document.body.offsetHeight	-/b:1682	-/b:1682	-/b:1682	-/b:1682	-/b:1682	-/b:1682	-/b:1302	-/b:1302	-/b:1302	-/b:1302	-/b:1302	-/b:1302	-/b:1682	-/b:1682	-/b:1682	-/b:1302	-/b:1302	-/b:1302
	@media device-height	480	480	480	480	480	480	320	320	320	320	320	320	480	480	480	320	320	320
	@media height	240/b:1234	240/b:1234	403	403	403	240/b:403	240/b:496	240/b:496	243	240/b:243	240/b:243	240/b:243	240/b:455	240/b:455	455	240/b:295	240/b:295	295
	window.orientation	0	0	0	0	0	0	0/b:90	0/b:90	0/b:90	0/b:90	0/b:90	0/b:90	0	0	0	90	90	90
	@media orientation	portrait	portrait	portrait	portrait	portrait	portrait	landscape	landscape	landscape	landscape	landscape	landscape	landscape/b:portrait	landscape/b:portrait	portrait	landscape	landscape	landscape
Android v2.3	screen.width	800	800	800/c:320	800/c:320	800/c:320	800/c:320	800	800	800/c:480	800/c:480	800/c:480	800/c:480	320	320	320	480	480	480
	screen.availWidth	800	800	800/c:320	800/c:320	800/c:320	800/c:320	800	800	800/c:480	800/c:480	800/c:480	800/c:480	320	320	320	480	480	480
	window.outerWidth	320	320	320	320	320	320	480	480	480	480	480	480	320	320	320	480	480	480
	window.innerWidth	800	800	800/c:320	800/c:320	800/c:320	800/c:320	800	800	800/c:480	800/c:480	800/c:480	800/c:480	320	320	320	480	480	480
	document.body.clientWidth	-/b:800	-/b:780	-/b:780/c:300	-/b:800/c:320	-/b:780/c:300	-/b:780/c:300	-/b:800	-/b:780	-/b:780/c:460	-/b:780/c:480	-/b:780/c:460	-/b:780/c:460	-/b:320	-/b:300	-/b:300	-/b:480	-/b:460	-/b:460
	document.body.offsetWidth	-/b:780	-/b:780	-/b:780/c:300	-/b:780/c:300	-/b:780/c:300	-/b:780/c:300	-/b:780	-/b:780	-/b:780/c:460	-/b:780/c:460	-/b:780/c:460	-/b:780/c:460	-/b:300	-/b:300	-/b:300	-/b:460	-/b:460	-/b:460
	@media device-width	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	@media width	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	screen.height	1003	498/d:1003	498/c:199	1003/c:401	1003/c:401	1003/c:401	402	372/d:402	402/c:241	402/c:241	372/c:223/d:241	402/c:241	455	455	455	295	295	295
	screen.availHeight	1003	498/d:1003	498/c:199	1003/c:401	1003/c:401	1003/c:401	402	372/d:402	402/c:241	402/c:241	372/c:223/d:241	402/c:241	455	455	455	295	295	295
	window.outerHeight	455	253/d:455	253/d:455	455	455	455	295	277/d:295	295	295	277/d:295	295	455	455	455	295	295	295
	window.innerHeight	1003	498/d:1003	498/c:199	1003/c:401	1003/c:401	1003/c:401	402	372/d:402	402/c:241	402/c:241	372/c:223/d:241	402/c:241	455	455	455	295	295	295
	document.body.clientHeight	-/b:1003	-/b:1682/d:922	-/b:1682	-/b:1003/c:401	-/b:1682	-/b:1682	-/b:402	-/b:1302/d:922	-/b:1302	-/b:402/c:241	-/b:1302	-/b:1302	-/b:455	-/b:1682	-/b:1682	-/b:295	-/b:1302	-/b:1302
	document.body.offsetHeight	-/b:1682/d:922	-/b:1682/d:922	-/b:1682	-/b:1682	-/b:1682	-/b:1682	-/b:1302/d:922	-/b:1302/d:922	-/b:1302	-/b:1302	-/b:1302	-/b:1302	-/b:1682	-/b:1682	-/b:1682	-/b:1302	-/b:1302	-/b:1302
	@media device-height	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	@media height	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
	window.orientation	0	0	0	0	0	0	0/d:90	90	90	90	90	90	0	0	0	90	90	90
	@media orientation	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-	-
Mode		Browser
Orientation		Portrait						Landscape
Viewport		Non-constrained			Constrained			Non-constrained			Constrained
Doctype		None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP	None	HTML5	XHTMLMP
Opera v11	screen.width	320	320	320	320	320	320	480	480	480	480	480	480
	screen.availWidth	320	320	320	320	320	320	480	480	480	480	480	480
	window.outerWidth	320	320	320	320	320	320	480	480	480	480	480	480
	window.innerWidth	320	320	320	320	320	320	480	480	480	480	480	480
	document.body.clientWidth	-/b:850	-/b:830	-/b:300	-/b:320	-/b:300	-/b:300	-/b:850	-/b:830	-/b:460	-/b:480	-/b:460	-/b:460
	document.body.offsetWidth	-/b:2048	-/b:830	-/b:300	-/b:2048	-/b:300	-/b:300	-/b:2048	-/b:830	-/b:460	-/b:2048	-/b:460	-/b:460
	@media device-width	-	-	-	-	-	-	-	-	-	-	-	-
	@media width	-	-	-	-	-	-	-	-	-	-	-	-
	screen.height	480	480	480	480	480	480	320	320	320	320	320	320
	screen.availHeight	369	369	369	369	369	369	209	209	209	209	209	209
	window.outerHeight	369	369	369	369	369	369	209	209	209	209	209	209
	window.innerHeight	369	369	369	369	369	369	209	209	209	209	209	209
	document.body.clientHeight	-/b:980	-/b:946/d:1706	-/b:1706	-/b:369	-/b:1706	-/b:1706	-/b:370	-/b:946/d:1326	-/b:1326	-/b:209	-/b:1326	-/b:1326
	document.body.offsetHeight	-/b:40960	-/b:946/d:1706	-/b:1706	-/b:40960	-/b:1706	-/b:1706	-/b:40960	-/b:946/d:1326	-/b:1326	-/b:40960	-/b:1326	-/b:1326
	@media device-height	-	-	-	-	-	-	-	-	-	-	-	-
	@media height	-	-	-	-	-	-	-	-	-	-	-	-
	window.orientation	-	-	-	-	-	-	-	-	-	-	-	-
	@media orientation	-	-	-	-	-	-	-	-	-	-	-	-