一些布局的东西

最新推荐文章于 2023-03-04 08:45:27 发布

转载最新推荐文章于 2023-03-04 08:45:27 发布 · 820 阅读

前端开发&HTML5 专栏收录该内容

44 篇文章

订阅专栏

全局样式

采用 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 - 用户是否可以手动缩放