【微信小程序】屏幕适配

相关文章

• uniapp微信小程序获取屏幕宽高

  uniapp开发微信小程序的时候，有时候去调整样式 你需要适配各种手机屏幕，使用，你的样式宽高就不能使用rpx   有的朋友觉得可以使用vw  vh  %   是的，当然可以 但是要让你的元素，宽高，比如50%再去加上20rpx  怎么做 所以这时候就要去获取不同手机页面屏幕的宽高 如何

  2023年04月09日

  浏览(54)
• 

  微信小程序——调节手机屏幕亮度案例分享

  ✅作者简介：2022年 博客新星 第八 。热爱国学的Java后端开发者，修心和技术同步精进。 🍎个人主页：Java Fans的博客 🍊个人信条：不迁怒，不贰过。小知识，大智慧。 💞当前专栏：前端案例分享专栏 ✨特色专栏：国学周更-心性养成之路 🥭本文内容：微信小程序——调节

  2024年02月03日

  浏览(41)
• 

  微信小程序登录适配(2023年最新)

  众所周知，微信小程序开发文档更新那不是一般的快，开发者都来不及去适配 😭 今天就来说说登录这一块到底改了哪些地方，以及怎么去适配 我们先来看看更改了哪些？ 先放小程序登录文档这块更新的公告：https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56

  2024年02月11日

  浏览(51)
• 

  微信小程序 获取当前屏幕的可见高宽度

  很多时候我们做一下逻辑 需要用整个窗口的高度或宽度参与计算 而且很多时候我们js中拿到的单位都是px像素点 没办法和rpx同流合污 官方提供了wx.getSystemInfoSync() 可以获取到部分窗口信息 其中就包括了整个窗口的宽度和高度 wx.getSystemInfoSync().windowHeight 返回值为像素点 px 整个

  2024年01月16日

  浏览(62)
• 

  微信小程序兼容iphone适配安全区域

  背景：    小程序页面底部在ios中会有小黑条遮挡 上代码： 项目描述：   微信小程序是通过 webview 组件嵌入H5网页，需要解决适配安全区域问题。  首先无法在微信小程序内做任何操作，因为 webview 添加padding-bottom样式无效，且webView会自动铺满整个小程序页面， 需要在嵌入

  2024年04月14日

  浏览(39)
• 

  在uniapp中，微信小程序获取胶囊的高度、宽度，且适配微信小程序、App

  H5： 微信小程序： 方法： 使用： 1、引入： 2、

  2024年02月05日

  浏览(66)
• 

  uniapp微信小程序横竖屏切换样式适配

  一、首先明白要使用什么布局才能实现横竖屏适配？  1、rpx布局是不能直接实现的，写 两套（横屏、竖屏）样式 才可以达到想要的效果  2、使用： 百分比、rem、vwvh、vminvmax、px（px布局在不同设备上有差异 ） 都可以一套样式实现横竖屏适配 二、本文重点说css3的两个属性

  2024年02月16日

  浏览(44)

• 微信小程序 背景图片如何占满整个屏幕

  1. 在页面的wxss文件中，设置背景图片的样式： 2. 在页面的json文件中，设置背景图片的样式：

  2024年02月14日

  浏览(98)

• uniapp echarts 适配H5与微信小程序

  接上文：uniapp 微信小程序使用echarts，这篇文章目的为使用uniapp时提供一个同时兼容H5和小程序的echarts组件，在使用时尽量减少心智负担。 首先修改uniapp 微信小程序使用echarts中的 ec-canvas 组件，将initChart方法置于该组件内部，而不是存在于业务组件中。 1.1 在 ec-canvas 组件m

  2024年02月06日

  浏览(48)
• 

  微信小程序自定义导航栏机型适配--底部Tabbar--view高度--底部按钮适配

  自定义微信小程序头部导航栏 自定义微信小程序头部导航栏，有几种方式 方式一 定义此方法后，头部的导航栏会去掉，导航栏下的元素会直接向上移动到原导航栏的位置，可以再app.json配置成全局沉浸式导航栏，以及在单页面配置沉浸式导航栏。 方式二 使用组件 这里使用

  2024年02月02日

  浏览(55)