5x8小时服务热线:131 4102 7650(同微信)
您当前的位置:首页 > 网站常识 - 网站建设

如果使用Jquery Mobile,怎么写手机界面的架构?

来源:北京网站建设公司 标签:Jquery Mobile手机网站html5
分享到:
现在很多企业公司都流行做手机网站,web爱好者完全可以使用Jquery Mobile来写手机界面的html,无论是在设计、交互、开发方面都是很好的工具帮手!

那么使用Jquery Mobile怎么来写手机页面的结构呢?下面小编整理了下,供web爱好者参考。

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.css" />
<script src="http://code.jquery.com/jquery-[version].min.js"></script>
<script src="http://code.jquery.com/mobile/[version]/jquery.mobile-[version].min.js"></script>
</head>
<body>
<div data-role="page">
  <div data-role="header">...</div>
  <div role="main" class="ui-content">
    ......
  </div>
  <div data-role="footer">...</div>
</div>
</body>
</html>

这句代码:<meta name="viewport" content="width=device-width, initial-scale=1"> 很重要哦~为了让页面兼容各种手持设备,必须加上这句才行。如果您还有不明白的地方,可以随时加我QQ来交流哦:563853099
备注:本篇文章由加网编辑原创内容,转载请注明出处:转自加网

相关网站常识

更多