码迷,mamicode.com
首页 > 其他好文 > 详细

小程序页面高度控制

时间:2017-08-15 16:01:01      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:containe   position   mil   border   屏幕高度   pad   luci   logs   relative   

page {
  background-color: #fbf9fe;
  height: 100%;
}

/*这个100%屏幕高度*/

.container {
  font-family: ‘Trebuchet MS‘,
                 ‘Lucida Sans Unicode‘,
                 ‘Lucida Grande‘,
                 ‘Lucida Sans‘,
                 Arial,
                 sans-serif,
                 sans-serif;
  font-size: 32rpx;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 20rpx 0rpx;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fbf9fe;
  position: relative;
}

  

/*这个auto高度*/

.containerLine {
  font-family: ‘Trebuchet MS‘,
                 ‘Lucida Sans Unicode‘,
                 ‘Lucida Grande‘,
                 ‘Lucida Sans‘,
                 Arial,
                 sans-serif,
                 sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 32rpx;
  height: auto;
  background-color: transparent;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  position: relative;
}

  

小程序页面高度控制

标签:containe   position   mil   border   屏幕高度   pad   luci   logs   relative   

原文地址:http://www.cnblogs.com/myloveblogs/p/7365310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!