想要找点什么呢?

幕冬有柒

CSS 页面布局简单介绍

幕冬有柒 · 2021-04-20 · 251 次阅读

页面 CSS 布局简单介绍,在移动手机端,1px 像素很起来是很粗的,我们可以用-webkit-transform: scaleY(0.5); 的方式,把它变成0.5个像素,这样看起来好看很多了smiley。

hr{
border:none;
border-bottom:1px solid #f1f1f1;
height:1px;
-webkit-transform: scaleY(0.5);
-webkit-transform-origin:0 0;
clear: both;
}

也可以使用 after 或 before 伪元素 来画0.5像素的线

div{
position: relative;
}
div:after{
position: absolute;
right:0px;
bottom: 0;
left:0px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color:#f1f1f1;   
}

MUI移动框的 UI 组件介绍 ,完整的MUI移动UI框架示例 : 点击预览

当我们在布局APP的页面时,如果某个页面,需要用上mui的UI 组件,可以直接复制过来使用,需要修改的,可以直接重新写CSS ,复盖原来的UI 样式 css就可以。

  • 微信

Comments | 0 条评论