相关文章
Vue 移动端、PC 端适配
Vue 移动端、PC 端适配可以使用 lib-flexible、amfe-flexible、postcss-pxtorem、postcss-px2rem 和 postcss-px-to-viewport 这几个插件。 lib-flexible 是淘宝手机前端开发团队开发出来的一个开源插件,会自动在 html 的 head 中添加一个 <meta nameviewport>…
建站知识
2025/1/26 21:21:03
基于vue的UI框架集锦(移动端+pc端)
1.Element 饿了么 vue 2.0后台UI框架 https://github.com/ElemeFE/element
2.iview组件库 iView 主要服务于 PC 界面的中后台业务,很优秀的组件库,可惜不适合移动端 https://github.com/iview/iview https://iviewui.com/
3.vux 基于Vue和WeUI的移动UI组件 Vux是基于WeUI和…
建站知识
2025/1/26 21:24:04
页面布局移动端和pc端的转换 js
现在大部分网站都要求pc端何以东段界面兼容展示,两者屏幕尺寸大小不一,所以展示的界面自然也有所差别。
1.首先,在页面做pc端和移动端分别显示的两部分内容。
2.然后根据判断你的页面是在移动端还是在PC端显示对应的页面代码,另…
建站知识
2025/1/26 21:29:32
uniapp适配pc_uni-app H5 平台在 PC 端实现适配
该文章已过时,请忽视。从 uni-app 2.9 起,官方已提供了 PC 等宽屏的适配方案。 使用 uni-app 开发的 H5 页面,为了根据屏幕宽度自适应,我们一般都采用官方推荐的动态单位 rpx,但是在 PC 端展现的时候可能出现文字等相关元素太大,导致页面错乱或不美观。 为了解决该问题,…
建站知识
2025/3/11 13:07:18
PC端如何跟手机端兼容
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。
正文:
字体在手机端变小,高度变低的解决办法
<meta name"viewport" content"widthdevice-width, initial-scale1.0, user-scalableno, minimum-scale1.0, ma…
建站知识
2025/1/26 21:28:38
uniapp H5端实现PC端适配
前言:
使用uniapp做的h5页面,在PC端显示时,发现由于upx单位计算基准值太大,导致页面排班布局错乱
思路:
刚开始发现使用px单位不会导致页面布局混乱,但这对刚开启的项目友好,对已经成型的项目…
建站知识
2025/1/26 21:33:44
vue构建pc端项目(ElementUI)、vue入门小应用
WebpackVue-router的架构方式
Vue-cli安装省略(vue-cli搭建)ElementUI库(pc端)的引用(见下文)打包(项目完成后打包放服务器)
在项目目录下运行 npm run build 运行完成之后会在项…
建站知识
2025/2/25 18:12:41
PC端实现微信扫码登录的技术指南
目录
文档
步骤 1: 注册微信开放平台
步骤 2: 引入微信扫码登录组件
步骤 3: 创建扫码登录按钮
步骤 4: 处理回调
总结 微信扫码登录是一种便捷的身份验证方式,允许用户使用其微信账号快速登录网站或应用程序。在本文中,我们将介绍如何在PC端实现微…
建站知识
2025/1/27 1:21:38