CSS--小问题集锦

一、问题1： text组件设置宽无效问题
解决：
text组件大小可以通过padding值设置
display: inline-block添加此属性，可使text组件设置宽度有效
知识点：行内元素(inline)与块级元素(block)区别
1、行内元素与块级元素直观上的区别
行内元素会在一条直线上排列，都是同一行的，水平方向排列
块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
2、块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
3、行内元素与块级元素属性的不同，主要是盒模型属性上。行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上无效。
二、问题2：启动页图片是要铺满全屏的，设置宽高都是100%不起作用
style='background-image:url("/image/bg_login.png");height:100%;position:absolute;'
解决：添加position:absolute;后有效
知识点：..还没懂为啥，，懂了再补充进来
三.问题3：小程序中的rpx和px的区别
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

四.问题4：背景图片使用本地图片不显示
样式设置：style='background-image:url("/image/bg_login.png");height:100%;position:absolute;background-size: cover'
background-size: cover: 图片等比例缩放，铺满整个屏幕
网上的解决方案：把本地图片变成网络图片。将图片上传到服务器，再根据url路径获取展示图片