本文总结了手机Web开发中遇到的各种问题及其解决方法，包括input控件默认样式、不同设备布局适配、页面缓存、z-index管理、多列布局、字体大小调整、背景尺寸、横屏模式字体变大、媒体查询使用、页面滚动优化等问题的解决方案。
首先，先说的是我每个项目都会用到的一个模板页，这个我遇到大大小小的坑之后定义好的一个html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!-- 宽度设置为设备实际宽度，初始化倍数为1，最小倍数为1，最大倍数为1，用户缩放为否 -->
<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=1.0,maximum-scake=1.0,user-scalable=no" />
<!-- 删除默认的苹果工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 苹果手机顶部为黑色 -->
<meta name="apple-mobile-web-status-bar-style" content="block" />
<!-- 屏蔽浏览器自动识别数字为电话号码 -->
<meta name="fromat-detecition" content="telephone=no" />
<!-- base.css是所有项目都会用到的底层样式 -->
<link rel="stylesheet" type="text/css" href="css/base.css" />
<!-- content.css是每个项目所有页面都会用到的公共样式 -->
<link rel="stylesheet" type="text/css" href="css/content.css" />
<!-- main.css为每个页面或是模块用到的一个样式文件-->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<title></title>
<script type="text/javascript" src="lib/jquery-1.8.2.min.js"></script>
<!-- base.js为所有项目都会用到的js文件 -->
<script type="text/javascript" src="lib/base.js"></script>
</head>
<body>
&l
最低0.47元/天 解锁文章
2642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
