近一两年，HTML5在中国很火，也出了不少HTML5工具和模板。别的先不说，对于不同的H5工具，解决屏幕自适应问题的区别是什么？ 简单来说，感应式设计是当用不同设备访问时，能够根据设备的宽度和高度对设备进行动态的适配。例如，用iPhone4、iPhone5、iPhone6、PC、iPad ...

CSS实现自适应不同大小屏幕的背景大图的两种方法 一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图 ...

第一种：使用background-size:cover; background-size属性指定背景图片大小。 注意浏览器兼容。 ======================= ...

1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文 ...

1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器 ...

1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器 ...

　　今天做了一个练习，要求用两种方法来实现左侧宽度固定、右侧宽度自适应的两列布局。一开始我以为会很简单，毕竟只是练习，但是我写出了一种方法之后却没能顺利的写出第二种方法。对于网上的一些解决方法我还是不太满意，于是自己继续琢磨着，问问一些前辈，希望得到一些思路。终于，皇天不负有心人，在自己翻译的一篇 ...

因为web app跨平台的特性，决定着自适应方案在整个项目的重要性。 特别对于Android众多分辨率和屏幕尺寸的机器群，找到合适通用的解决方案显得尤为重要 1.页面大小 有没有遇到过一个情况？在iphone 4机器上开发时，明明分辨率是960*640，我们写一个320px的容器，竟然占满 ...