网页适配手机移动版的CSS
浏览:1722次 出处信息
首先, 禁止网页缩放, 在 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; }
建议继续学习:
- 手机界面适配 (阅读:4846)
- Android设计中的.9.png (阅读:3569)
- 手机客户端交互适配设计之我见 (阅读:2566)
- 客户端交互设计适配之――屏幕大小 (阅读:1731)
- 大屏 iPhone 的适配 (阅读:1431)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
后一篇:IE开始支持部分webkit私有属性 >>
文章信息
- 作者:ideawu 来源: idea's blog
- 标签: 适配
- 发布时间:2014-07-15 22:45:45
近3天十大热文
- [70] Twitter/微博客的学习摘要
- [65] IOS安全–浅谈关于IOS加固的几种方法
- [65] 如何拿下简短的域名
- [65] find命令的一点注意事项
- [63] Go Reflect 性能
- [63] android 开发入门
- [61] 流程管理与用户研究
- [59] 读书笔记-壹百度:百度十年千倍的29条法则
- [59] Oracle MTS模式下 进程地址与会话信
- [59] 图书馆的世界纪录