<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="author" content="ok.2nd">
<meta name="description" content="">
<meta name="keywords" content="">
<title>ホームページの拡大縮小表示</title>
<style>
body, div, img, ul, ol, li, p, th, td, form, pre, dl, dt, dd, fieldset, blockquote, caption, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
body {margin: 10px; }
input, select, textarea { margin: 0; }
img { border: 0; }
body {
	background-color: #ffffff;
	text-align: left;
	font-family: "MS PGothic","Osaka",Arial,sans-serif;
}
body, input, button, textarea {
	font-size: 12px;
	line-height: 1.2;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
	overflow: visible;
	margin: 1px 0;
	padding: 1px 3px;
	padding: 0 2px\9;	/* IE8以下 */
}
body:not(:target) {
	padding: 0 2px\9;	/* IE9 */
}
body {
	margin: 5px;
}
</style>
<script>
function urlChange(size) {
	parent.zoomframe.location.href = document.all.url.value;
}
function sizeChange(size) {
	//	document.body.style.zoom = size;
	document.all.zoomframe.style.zoom = size;
}
</script>
</head>
<body onLoad="" style="margin:0px;" bgcolor="#e0e0e0">
<form name="form0">
URL：<input class="text" type="text" name="url" size="80" value="">
<input input type="button" value="表示" onclick="urlChange()">
表示サイズ：<select name="zoomsize" onChange="sizeChange(this.options[this.selectedIndex].value);">
<option value="70%">70%</option>
<option value="80%">80%</option>
<option value="90%">90%</option>
<option value="100%" selected>100%</option>
<option value="110%">110%</option>
<option value="120%">120%</option>
<option value="130%">130%</option>
<option value="140%">140%</option>
<option value="150%">150%</option>
</select>
</font>
</form>
<iframe name="zoomframe" src="" width="100%" height="1000px" frameborder="0" style="zoom:100%;"></iframe>
</body>
</html>
