css样式经验

问题：

1.uniapp字体到一定程度再也缩小不了了

2.实现图片模糊效果

3.class名称加空格拼写效果

4.计算手机硬件设备信息

5.谨记：uniapp编写中不可出现img标签，否则会出现设配问题

6.可以去手机打开开发者模式，与电脑连接数据线后在HbuilerX中选择运行到手机或模拟器的第一行就可以直接在手机上显示，方便做页面调式

解决：

1.可以通过设置transform属性，达到字体缩放的目的。

使用scale属性进行强制缩放。

span {
font-size: 12px;
font-weight: bold;
transform: scale(0.7);

2.可以使用filter: blur(15px);   

注：括号内数值越大模糊效果越强

.blur img {

filter: blur(15px);
-webkit-filter: blur(15px);

}

3.class名后加空格 后跟样式

<view class ="taskList autoMargin">

4.使用uni.getSystemInfo()方法可以获取手机硬件设备全部信息，res就是回调的信息，

可以把res信息存到data中以便其他方法调用该数据

uni.getSystemInfo({
	success: function (res) {
		console.log(res.appName)
	}
});