小程序全屏展示图片的实现方式

发布时间:2023-08-14 11:31:25 作者:arain 阅读量:9833

  

  很多时候大家在使用小程序时,点击图片可以实现图片全屏,图片占满整个屏幕的情况,这是如何实现的呢?

  将body和html设置为100%,这样我们就可以在他们的子元素中使用height:100%来使的我们的容器元素占满屏幕的高度啦。

  但是在微信小程序中,是没有dom对象的,根节点是page,使用page{height:100%}

  果然,是可行的。高度占满了整个小程序的窗口。

  代码:

  .myView{

  width: 100%;

  height: 100vh;

  background: red;

 

多程序小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。

更多小程序开发案例,尽在:http://www.duochengxu.comkaifa.html
 

小程序显示图片相关文章:

小程序加载图片如何实现

小程序开发上传图片如何实现

小程序上传图片组件及上传多张图片

***本网站图片,文字之类版权申明,因为网站可以由注册用户自行上传图片或文字,本网站无法鉴别所上传图片或文字的知识版权,如果侵犯,请及时通知我们,本网站将在第一时间及时删除。

我要评论

秒制作
Catfish(鲶鱼) Blog V 4.7.3