开发一个简单移动页面

发表于2014-07-08 18:43:26| --次阅读| 来源webkfa| 作者小猪仔

摘要：移动页面开发小例子，支iphone和android,自适应所有手机上的浏览器和各种机型

		html5代码
	

运行代码

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="apple-touch-fullscreen" content="YES" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no" />
		<!-- http://www.webkfa.com -->
		<title>简单标准的移动页面(webkfa.com)</title>
	</head>
	<body>
	
	<div id='wrap'>
	    <p>
	    	简单标准的移动页面
	    	<a href="http://www.webkfa.com/one40.html" target="_blank">
	    		web开发更多html5文章
	    	</a>
	    </p>
	  </div>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="apple-touch-fullscreen" content="YES" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no" />
		<!-- http://www.webkfa.com -->
		<title>简单标准的移动页面(webkfa.com)</title>
	</head>
	<body>
	
	<div id='wrap'>
	    <p>
	    	简单标准的移动页面
	    	<a href="http://www.webkfa.com/one40.html" target="_blank">
	    		web开发更多html5文章
	    	</a>
	    </p>
	  </div>
	</body>
</html>

开发一个简单移动页面

发表于2014-07-08 18:43:26| --次阅读| 来源webkfa| 作者小猪仔

相关文章

最新发布

阅读排行

热门文章

猜你喜欢