案例：ionic案例     状态：可编辑再运行    进入横版
​x
 
1
<html ng-app="ionicApp">
2
<head>
3
<meta charset="utf-8">
4
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
5
<title>W3xue教程(w3xue.com)</title>
6
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
7
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
8
<style>
9
.col{
10
  background-color: #F9FAFB;
11
  padding: 5px;
12
  border: 1px solid #ddd;
13
  border-radius: 2px;
14
  text-align: center;
15
}
16
</style>
17
</head>
18
<body>
19
20
  <div class="bar bar-header">
21
    <div class="h1 title">偏移量</div>
22
  </div>
23
​
24
 <div class="content has-header">

 运行结果　
　北美留学生论坛