我正在尝试创建一个适合移动设备的网站，但我似乎无法正确使用我的基本模板。
模板需要全屏，但并非所有文本都需要像我的HTC Sensation（手机）显示一样小。 所以它需要有100％的宽度，但不必像它被缩小那样被看到。
答案 0 :(得分：5)
默认情况下，移动浏览器通常会假设它正在加载专为大屏幕设计的页面，因此会假设大小，然后只是缩小整个文档。
要告诉移动浏览器您要定位自己的屏幕尺寸，您需要添加视口元标记信息：
答案 1 :(得分：1)
一个很好的起点是html5 Mobile Boilerplate。
为什么它很棒
- 跨平台兼容（Android，iOS，Blackberry，Symbian）
- 目标IE Mobile 7的CSS类
- 主屏幕图标（Android，iOS，Symbian）
- Opera Mobile，Android，iOS，IE，Nokia，Blackberry的跨浏览器视口优化。
- 优化的视口缩放（Opera Mobile，Android，iOS，Mobile IE，Blackberry）
- 以全屏模式启用iOS启动画面的选项
- 在IE Mobile上更好的字体呈现
- 适应性标记和CSS骨架
- 适用于低端设备的CSS样式表
- 移动网站地图
- 移动MIME类型支持
- 构建移动工具
- 修复iPhone reflow scale up bug