【ionic】bar-light头部+viewport
来源：互联网 发布：图书馆借阅系统 源码 编辑：程序博客网 时间：2024/06/03 14:18
源代码：
<html ng-app="ionicApp">
<head>
<meta chaset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no",width=device-width>
<title>这是标题</title>
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
</head>
<body>
<h3>bar-light</h3>
<div class="bar bar-header bar-light">
<label class="title">bar-light</label>
</div>
</body>
<html>
<head>
<meta chaset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no",width=device-width>
<title>这是标题</title>
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
</head>
<body>
<h3>bar-light</h3>
<div class="bar bar-header bar-light">
<label class="title">bar-light</label>
</div>
</body>
<html>
源代码效果截图
1.Viewport 基础
一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放
其它几个效果：
基本都是一样的，点我看样式
阅读全文
0 0
- 【ionic】bar-light头部+viewport
- ionic之样式bar-light
- ionic 头部指令ion-header-bar标题没有居中对齐
- ionic使用记录-----.bar
- ionic之样式bar-stable
- ionic之样式bar-positive
- ionic之样式bar-calm
- ionic之样式bar-balanced
- ionic之样式bar-energized
- ionic之样式bar-assertive
- ionic之样式bar-royal
- ionic之样式bar-dark
- ionic之副标题bar-subheader
- ionic之底部bar-footer
- Light OJ 1191 Bar Codes (DP)
- Ionic ion-header-bar、bar-subheader、ion-tabs
- ionic 隐藏action bar的返回按钮
- ionic 的ion-header-bar隐藏
- POI使用详解
- 二叉搜索树的后序遍历序列（java版）
- 面试经验之谈
- android获取设备屏幕大小的方法
- Java Character 类
- 【ionic】bar-light头部+viewport
- python pdf 导出插件 pdfkit
- MySQL中优化存储UUID
- 简单记录一下给mysql查询的结果集添加序列号
- JAVA中类、方法、对象的关系
- 除了帆软BI，还有哪些老牌厂商不容错过
- URL特殊符号处理
- 汇编复习Test6
- C++链表总结（持续更新）
