如何将微信小程序页面内容充满整个屏幕
2018-02-01 11:23
615 查看
修改该页面的wxss文件
/* pages/weather/weather.wxss */
.weather{
position:
fixed;
height:
100%;
width:
100%;
display:flex;
flex-direction:column; /*纵向显示*/
align-items:center;/*垂直居中*/
justify-content:
center;/*水平居中*/
background:
#f2f2f8;
}
文章来源:刘俊涛的博客
地址:http://www.cnblogs.com/lovebing
欢迎关注,有问题一起学习欢迎留言、评论。
相关文章推荐
- 微信小程序页面使内容充满整个屏幕(高度、宽度100%),并使内容水平和竖直都居中
- 微信小程序中使元素占满整个屏幕高度实现方法
- 微信小程序如何访问外部链接,页面
- 微信小程序页面返回时如何传值?
- 关于Aspcms如何嵌入整个网站,以及网站导航所指向页面的内容显示
- 微信小程序如何与java后台交互,获取json数据显示到页面,求大神指点
- 如何让ScrollView充满整个屏幕
- 如何使整个页面内容居中
- 微信小程序页面带参数跳转及接收参数内容navigator
- 微信小程序:如何创建一个小程序页面?
- 微信小程序 如何把小程序页面保存至用户相册
- 微信小程序如何让text内容空格?
- 满屏页面(图片充满整个屏幕)
- 微信小程序 如何在页面直接传递信息 / 通信方法 / 附带项目案例
- android 如何让自定义dialog的宽度充满整个屏幕
- 微信小程序如何新建页面 —— 微信小程序教程系列(4)
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
- 如何让表格(table)充满整个页面
- 如何让页面撑满整个浏览器屏幕
- 用mingw编译C++工程;程序里面的cout<<"aaa";cmd运行c++程序,aaa内容在控制台不显示,如何将aaa输出到控制台屏幕并将控制台内容写到一个文件中。