
纯css实现网页background背景图适应浏览器宽度等比例缩放不变形 鉴于访客屏幕大小不一,所以一般会将网页的背景图尽量做大开始应大屏幕的浏览效果。但是,这也导致小屏浏览的时候因为无法显示整张图片而导致页面浏览体验变差。这时候,使用css控制网页背景图随浏览器的宽度而实现自适应,并且将背景图进行等比例缩放,即可实现想要的效果。纯css实现网页background背景图适应浏览器宽度的代码:background-size: cover; //IE9以上-webkit-background-size: cover; //webkit适用-moz-background-size: cover; //Firefox-o-background-size: cover;
CSS解决中英文、数字和网址自动换行错位不对齐的问题 先看一段普通的CSS代码style{width:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/ * autoprefixer:off * /-webkit-box-orient:vertical;/ * autoprefixer:on * /-webkit-line-clamp:4}其显示效果如下很明显,这种错乱的显示结果不是我们想要的,下面是优化后的代码style{width:400px;word-break:brea