ep

1.手机页面的viewport

解释: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;
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！