Question

让html在手机端自动适应是不是要写几个版本的CSS样式呢？

我想让我的样式在不同的屏幕上显示都是一样的，怎么写CSS样式

Answer 1

如果是针对于手机使用，不必写几个版本，只需要做好行列样式的宽度在最大屏幕和最小屏幕中显示正常即可。

遇到不宽度兼容的时候需要调整样式宽度就需要让css做判断，使用不同的样式，这个时候就需要使用两种或多种样式，以下就是对于一个样式在不同屏幕下显示不同效果的样例，@media是一个选择器，括号内为条件：

@media screen and (min-width: 320px)  {
	.mine_coupon_words {
	float: left;
	width: 50%;
}
}
@media screen and (min-width: 414px)  {
	.mine_coupon_words {
	float: left;
	width: 50%;
	margin-top:15px;
}
}
@media screen and (min-width: 800px) {
	.mine_coupon_words {
	float: left;
	width: 50%;
	margin-top:40px;
}
}
@media screen and (min-width: 1024px)  {
	.mine_coupon_words {
	float: left;
	width: 50%;
	margin-top:80px;
}
}

Answer 2

楼主可以去学习一下响应式布局，先到百度词条里面看一下什么叫响应式布局，然后到网上找找教程，其实很简单，就是用css侦测不同的分辨率，然后呈现出不同的样式。
http://baike.baidu.com/view/8539585.htm

响应式布局其实就是个折中方案，不是最佳方案。最佳方案还得自己写脚本判断浏览器类型，然后跳到相应的专属站点。

Answer 3

实话告诉哪些在用媒介的，只能写一个。不然不兼容。多谢@媒介查询死得快