网页适配手机移动版的CSS
浏览:1704次 出处信息
首先, 禁止网页缩放, 在 HTML head 里加入
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
接着, 避免图片撑大网页, 出现横向滚动条, 设置 img 标签的 CSS
img{ max-width: 100%; }
最后, 对某些表格或者表单等, 我们希望在电脑版(正常版)网页上有最大宽度, 但在手机上则希望是 100% 宽度, 这时, 便可利用 max-width 参数
.container{ width: 100%; max-width: 880px; }
建议继续学习:
- 手机界面适配 (阅读:4707)
- Android设计中的.9.png (阅读:3342)
- 手机客户端交互适配设计之我见 (阅读:2461)
- 客户端交互设计适配之――屏幕大小 (阅读:1667)
- 大屏 iPhone 的适配 (阅读:1336)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
后一篇:IE开始支持部分webkit私有属性 >>
文章信息
- 作者:ideawu 来源: idea's blog
- 标签: 适配
- 发布时间:2014-07-15 22:45:45
近3天十大热文
- [65] Oracle MTS模式下 进程地址与会话信
- [65] Go Reflect 性能
- [64] 如何拿下简短的域名
- [59] android 开发入门
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 图书馆的世界纪录
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则