码迷,mamicode.com
首页 > 移动开发 > 详细

移动端的特殊头部布局

时间:2015-07-09 12:40:45      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=320, maximum-scale=2,  minimal-ui">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <meta HTTP-EQUIV="Expires" CONTENT="0">
    <title>fasdasda</title>
    <link rel="stylesheet" href="css/wxqiandao.css">
    <script src="js/jquery-1.7.2.js"></script>
</head>

这样布局会自动缩放, content="width=320只需按照320来宽网站来写就可以了,maximum-scale=2让网页可以缩放到320的2倍640了。

移动端的特殊头部布局

标签:

原文地址:http://www.cnblogs.com/lichuntian/p/4632738.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!