2014-07-12

网页适配手机移动版的CSS

Views: 12660 | Add Comments

首先, 禁止网页缩放, 在 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;
}

Related posts:

  1. Docker镜像常用操作
  2. Web Standard(Web标准)的一些名词
  3. 获取动态加载的图片大小的正确方法
  4. 后端开发工程师的DIV+CSS两栏布局入门
  5. SSDB与Redis命令对比
Posted by ideawu at 2014-07-12 00:43:47

Leave a Comment