ep

1.手机页面的viewport

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

解释:initial-scale=1.0 ,使你的页面的初始缩放比例为1.例如:一个pc端页面在电脑上可以正常显示,如果不加上面的meta,当在手机上浏览时,将会自动缩放,导致页面变小,字体,图片等无法看清,当设置了initial-scale=1.0时,用手机浏览时将不进行缩放(和在pc上看到的是一样的,只不过超出的部分会有滚动条,另这只是举例说明initial-scale的作用,一般情况下并不会在手机上浏览pc端页面,而是浏览专门为手机端设计的页面.m.taobao.com/taobao.com)

2.一些基本的css

body{
margin:0;

font-family:xxx,...;

font-size:14/16px(个人爱好);

....
}

*{

box-sizing:border-box;

}

3.缩小页面但保持文字的行数不变,超出的部分自动用...代替

.infomation .small-title{
	font-weight:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}