一些布局的东西

来源：互联网发布：淘宝店有两个管控记录编辑：程序博客网时间：2024/04/27 16:10

全局样式

采用 HTML5 DOCTYPE

viewport 保证在手机上能撑满全屏。且转屏不会出现问题。

<!DOCTYPE html><meta charset="UTF-8"><meta name="author" content="Ash Norseman"><meta name="viewport" content="width=device-width">

CSS

font-awesome.css 包含了需要的字体图标。

<link rel="stylesheet" href="style/730ui.css"><link rel="stylesheet" href="style/730ui-responsive.css"><link rel="stylesheet" href="style/font-awesome.css">

IE 8 及之前版本 IE 的支持

需引用以下几个文件。

<!--[if lte IE 8]>  <link rel="stylesheet" href="style/730ui-ie8.css">  <script src="script/html5shiv.js"></script>  <script src="script/respond.min.js"></script><![endif]--><!--[if lte IE 7]>  <link rel="stylesheet" href="style/730ui-ie7.css">  <link rel="stylesheet" href="style/font-awesome-ie7.css"><![endif]-->

jQuery

直接用 Google 托管的就可以。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

[plain] view plaincopyprint?

网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放