公司内部一直有大屏的需求，也一直再做，中途也踩了一些坑，但是没有认真的来总结下。 首先项目中，做过移动端的适配，也有现在的大屏需求，中间都离不开不一个单位rem，自适应看起来就很麻烦，不过无惧困难，困难才会看到你说，哟，厉害了，我闪~，下面慢慢聊来。浅析rem 首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了解过，可以先过过眼rem自适应。C
在vue移动端项目开发中，按照UI设计图尺寸开发并且需要进行各屏幕的适配时，我们单独使用rem,vm,vh时极度不方便，所以笔者经过探索，调试，参考。总结出两种统一适配的方式:1.px转rem进行屏幕适配；2.px转viewport(vm,vh)进行屏幕适配px转rem进行屏幕适配1.首先需要在vue工程中进行安装(安装之后，运行程序时可能会出现报错，笔者遇到的是版本问题，所以就安装了指定的版本)
转载
2024-06-24 07:48:12
1222阅读
在当今移动互联网环境中，iOS设备的多样性和屏幕适配需求让开发者面临了诸多挑战。尤其是在使用Vue框架时，如何让应用界面在不同的iOS设备上保持一致的视觉效果和用户体验，成为了一项重要的技术课题。本文将详细记录解决“Vue项目iOS屏幕适配”问题的过程，涵盖各个方面，从技术选型到性能调优，再到故障复盘，最终沉淀出经验和教训。
## 背景定位
在开始之前，我们首先要理解初始技术痛点。随着业务增长
一种理想方案首先，无论换算方不方便，我都不想换算，我也不想去操心什么转换系数其次，有些属性或者类选择器我不想进行转换css代码要足够简洁，我只希望看到一种单位，那就是px第一种：lib-flexible+postcss-pxtorem第一种方案是lib-flexible+postcss-pxtorem，在相当长一段时间里，这两个插件搭配都是解决移动端布局的神器，lib-flexible是阿里手淘系
rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素，所以采用的方式也是通过设置 html 元素的 fon
1.删除功能：需求：就是点击删除会弹出弹框--根据选择---删除相应的内容 实现的思路：1.利用element组件找到对话框或弹出层，然后进行相应的修改即可（注：这里需要传递id）代码展示：①布局忽略 只有js部分//删除是需要调用接口的 并且需要传递相应的id 如：
（具体操作参照接口文档）
// 删除权限
export function delPermission(id
转载
2024-08-30 11:32:28
478阅读
一、说在前面的话最近在做项目时，使用了久违多年的技术LibGDX。想想当前对做游戏的憧憬，感觉如果自己能做一款游戏那就酷毙了?。但是游戏对于美工硬性要求特别高，所以就只能通过反编译swf小游戏移植到Android上小打小闹的玩玩。最近公司想通过LibGDX Spine技术实现一些炫酷的动效交互，所以让我们又有了重逢的机会?。 在Android上开发界面时，让我们不得不提到的问题：多分辨率适配的问题
转载
2024-04-23 10:28:25
99阅读
前言android设备各种各样，手机、pad、电视、车载等不一而足。即使是相同分辨率的手机也可能参数不一致，比如1080P的手机 dpi 一般认为是480，但是 Google 的Pixel2（1920*1080）的 dpi 是420。此外，android设备的宽高比更是多种多样。这就导致App适配的工作异常困难。尤其是你的app要适配各种平台，比如手机、pad、车载、电视。在这种情形下，你面临的问
转载
2023-07-17 16:31:54
185阅读
本篇文章主要总结一下开发中的一些屏幕适配的方案，对于一些概念性的知识就略过了；1.屏幕适配基础篇布局文件中使用match_parent、wrap_content和weight软编码，组件的具体大小使用dp或者sp； 谷歌的标准dp是160dp，即1dp对应1个pixel，计算公式如：px = dp * (dpi / 160)，屏幕密度越大，px越大。使用dp能够让同一数值在不同的分辨率展示出
转载
2023-12-17 10:35:23
118阅读
首先，谈论一下为什么要进行屏幕适配。因为android手机的碎片化，导致了手机屏幕大小以及分辨率的区别。不同手机的屏幕大小不一样导致了屏幕分辨率不一样，甚至还有屏幕大小不一样但是屏幕分辨率是一样的，甚至还有屏幕大小一样但是屏幕分辨率不一样的情况。总总奇葩的问题摆放在我们面前，我们挨个进行分析。
先对绘制视图时的两个单位分别介绍：px， dp(dip)
px即分辨率，单位是
转载
2024-07-06 08:14:55
87阅读
前言之前看了雪碧大佬的将 React 渲染到嵌入式液晶屏觉得很有意思,React能被渲染到嵌入式液晶屏,那Vue是不是也可以呢？所以本文我们要做的就是:如标题所示,就是将Vue渲染到嵌入式液晶屏。这里使用的液晶屏是0.96 寸大128x64分辨率的SSD1306。要将Vue渲染到液晶屏,我们还需要一个桥梁,它必须具备控制液晶屏及运行代码的能力。而树莓派的硬件对接能力和可编程性天然就具
搭建布局的时候要动态计算，不要写死！！坑！写死的都是新手
原创
2022-05-26 17:24:22
163阅读
屏幕适配1.一款游戏能适应不同的手机分辨率,这个就是屏幕适配2.creator屏幕适配策略:1固定高度,2固定宽度,3固定宽高度3.cc.Canvas组件:决定屏幕的适配策略大小为屏幕的大小4.美术设计分辨率:美术任意在一个固定的分辨率下来设计资源,我们在canvas组件配置好进行释放.什么是固定高度和固定宽度?固定高度适配详解设计分辨率1:设计分辨率与固定宽度和高度策略:横屏游戏蓝色16:9的比
原创
2018-01-31 16:01:14
2476阅读
目录前言 各平板数据比较 为什么看起来更小了？(头条方案跟最小宽度方案比较)
刚开始，我开发时选取的模拟器是WVGA854，其分辨率为854*480。我开发完毕后装在800*480的手机上时感觉很OK，但是装到480*320、以及320*240分辨率上的手机时，很多界面都变形了，这时我感受到了app自适应的重要性。 自适应主要会遇到两个大问题：横屏和竖屏的切换，以及分辨率大小不同。 &nbs
转载
精选
2014-07-29 14:38:43
593阅读
Andbase框架中有个AbViewUtil，经测试，确实可以实现屏幕适配。下面是该文件源码：这里写代码片/*
* Copyright (C) 2012 www.amsoft.cn
*
* Licensed under the Apache License,&n
转载
2017-03-21 17:01:54
731阅读
适配 什么是适配？适应、兼容各种不同的情况 移动开发中，适配的常见种类系统适配针对不同版本的操作系统进行适配 屏幕适配针对不同大小的屏幕尺寸进行适配 屏幕适配 iPhone的尺寸3.5inch、4.0inch、4.7inch、5.5inch iPad的尺寸7.9inch、9.7inch、12.9in
转载
2017-04-23 10:53:00
215阅读
2评论
适配相关术语： 分辨率：eg:480*800,1280*720。表示物理屏幕区域内像素点的总和（切记：跟屏幕适配没有任何关系）因为我们既可以把1280*720的分辨率做到4.0的手机上面。我也可以把1280*720的分辨率做到5.0英寸的手机上面，如果分辨率相同，手机屏幕越小越清晰 px（pix）：
转载
2018-02-02 15:44:00
173阅读
2评论
适配: 1,版本适配 eclipse 在清单文件 最低版本和目标版本 studio build.gradle minSdkVersion 15 ta...
转载
2016-10-07 19:05:00
141阅读
2评论
一、iOS屏幕适配发展历程设备适配技术4及以前（iPad未出）直接用代码计算有了iPadautoResizing有不同屏幕的iPhone后autoLayout有更多不同屏幕的iPhone后sizeClass二、各个技术的特性1、 直接用代码计算由于屏幕的大小都一样，只有横竖屏的情况，可以直接计算2、 autoResizing适合于控件与其父控件的关系各属性的解释属性解释UIViewAutoresi
转载
2023-09-12 20:05:41
140阅读
