首页
学习
活动
专区
圈层
工具
发布

rem不是神农草,治不了移动端百病

本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 有很多朋友一聊起做移动端重构,第一个问题就是用什么单位合适。%,还是rem?...当然rem还有另一种妙用,就是当做vw的替代品来说,具体参考:关于移动端百分比宽度的几种实现 高度不确定 对于高度不确定,90%的时候我们是不关心的,因为有滚动。...但是有一种情况我们必须要关心:内容要一屏显示,或者某些内容必须要在首屏显示 当然最简单的办法那肯定是以最小的高度来做,但是对不起,设计师给我们的设计图肯定不是以最小高度来的哈哈。...问题的根本是media queries,而不是rem,rem只是我们以为的一个简单而实际并不一定简单的解决办法,回归到本质,px及%也许比rem还简单。...最后总结:rem并不是移动端单位的一切,它不是神农草,并没有多么神奇的疗效,对于移动端px,%这些传统的单位仍然是好单位,顺便期待下vw和vh这两个实用单位加入。

56320
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    rem不是神农草,治不了移动端百病

    有很多朋友一聊起做移动端重构,第一个问题就是用什么单位合适。%,还是rem?(如果你还不太了解rem是什么单位,可先前往CSS3的REM设置字体大小了解。)...当然rem还有另一种妙用,就是当做vw的替代品来说,具体参考:关于移动端百分比宽度的几种实现 高度不确定 对于高度不确定,90%的时候我们是不关心的,因为有滚动。...但是有一种情况我们必须要关心:内容要一屏显示,或者某些内容必须要在首屏显示 当然最简单的办法那肯定是以最小的高度来做,但是对不起,设计师给我们的设计图肯定不是以最小高度来的哈哈。...问题的根本是media queries,而不是rem,rem只是我们以为的一个简单而实际并不一定简单的解决办法,回归到本质,px及%也许比rem还简单。...最后总结:rem并不是移动端单位的一切,它不是神农草,并没有多么神奇的疗效,对于移动端px,%这些传统的单位仍然是好单位,顺便期待下vw和vh这两个实用单位加入。

    708100

    【饼哥开扒】移动CRM你与Salesforce真心不是捡皂之交

    大家都在议论国内能坚持搞企业软件的,不是有伟大的情操,就是背后有人撑腰。做CRM的说小了那是为国产软件企业市场做一款适合自己的企业管理软件,说大了那就是为民族企业软件的崛起而奋斗。...本来饼哥非常看好纷享销客和销售易这样的移动CRM产品,一群向往互联网的年轻研发团队,加上老谋深算的资深互联网管理层,不说别的,就凭一脑袋的移动基因就有理由让饼哥相信,CRM3.0将会是它们的时代。...而如今,移动CRM的出现大大加强了新客户的挖掘能力,通过更近地气的社交化、更简洁的移动体验,移动数据抓取,极其丰富详细且准确的数据量是互联网无法比拟的,这就是新一代CRM的最大优势。...饼哥认为移动CRM与互联网CRM最大的区别就在于售前跟售中阶段的不同,因此新一代CRM没必要再去跟Salesforce比较什么,做什么移动CRM的Salesforce,Salesforce移动端的产品真心让人有一种诺基亚的情怀...最后,祝愿移动CRM都能找到自己的方向,成为移动时代的新土豪,然后饼哥要跟你们做盆雨……

    64840

    项目优化之Canvas优化(Unity3D)

    = Mathf.SmoothDamp (lerpSpeed, 1.0f, ref velocity, smoothTime); cam.transform.position = Vector3...如果真的很懒的话,那就直接播放,然后这在拖动Transfrom上的Position或者Rotation改变它的值即可) 在安卓手机上运行该项目,点击运行(摇晃手机,相机将会在任意一个方向或角度上旋转或移动...你可以在上图中看到,有许多与Canvas的函数都被调用了,特别是CanvasRender.OnTransformChanged调用的次数最多 每当相机移动或者旋转,与Canvas相关的函数就会被调用将近...NoteCalls的数值取决于在Canvas里使用UI元素的数量 我们可以更好的理解下面这张GIF图: 如上图所示,在游戏场景中Canvas跟随相机一起移动。...哈哈,这么一来我们优化了大约90%的性能,是不是很神奇啊? 如上图所示,Canvas在Unity空间的位置保持不变,相机的移动不会影响Canvas及Canvas里的所有UI元素。

    1.5K20

    这可能不是今天中国移动最迫切要做的!

    《KPI造就了中国移动的黄金时代,也毁掉了其发展根基,压榨了员工的幸福感,未来会怎样?》 4. 《新形势下,KPI能否重建中国移动,甚至再造一个中国移动?》...我的观点是:涨薪不是最迫切的,最迫切的是恢复员工工作的尊严! ? -01- 中国移动给人最大的印象是什么?...那种为了什么事情而去拼搏的想法不是只有金钱才能换来的。 工作不仅仅是为了钱,更重要的是价值感。...一个员工能输出什么价值,这不是由这个员工的收入决定的,而是由其知识结构、思维能力、执行力等综合素质决定的。...可以看出,中国移动的市场人员占比超过一半,技术人员占比不足三成,此外,经理人员占比高达7.51%,从比例上看似乎不是太大,但换算成管理幅度,1名经理人员管理大概11名员工,这在某种程度上看,中国移动的干部队伍已经相当拥挤了

    28630

    移动、电信、联通的对手不是腾讯,5G消息要再造互联网生态?

    原因无他,日前中国电信、中国移动、中国联通三大运营商联合抛出5G时代第一个“王炸”,发布《5G消息白皮书》,计划全面改革短信功能,推出5G消息业务。...对此,中国移动副总经理董昕表示,5G消息是全球运营商的共同选择,基于统一GSMA RCS标准,将为客户带来多媒体消息、商业类消息、智能化消息以及互动式服务、安全防伪等全新体验。...很显然,若要对传统短信业务进行改革,全面升级为5G消息,最关键的一步就是打通整个移动终端的通信生态,手机厂商是不可忽视的一环。...重新复盘一下飞信的功能,不难发现,当时中国移动更多是以做产品的思维在做一款通信应用。...所以,飞信进入市场之后慢慢暴露出诸多槽点,竞争的排外性,只对移动用户免费;功能欠缺扩展性,在微信走上社交道路之后依旧死守短信和通信业务,逐步出现落后颓势。

    66820

    零基础入门 34:摄像机跟随目标

    正题开始 ---- 很多时候我们都需要有一个摄像机来跟随着移动的目标,最好还可以调节一些参数来控制追随的速度,高度等等参数。 大家先来看一下下面的效果图吧 ?...如上图所示,当人物向前移动的时候,摄像机可以跟随物体进行移动。 那如何实现摄像机追随呢? 我直接把全部代码贴出来 ? ?...CinemaDirector { public class CameraFollow : MonoBehaviour { #region Public Attributes [Tooltip("要控制移动的摄像机...movespeed * Time.deltaTime; Vector3 position = m_camera.transform.position + targetMov; targetPos = Vector3...Camera就是我们要移动的摄像机 Target是我们要追随的目标 Camera Rotation是摄像机的旋转角度 StartingDistance是摄像机的起始距离 Target Height是摄像机距离目标的高度

    82650

    为什么说在云服务中,移动APP开发者更需要PaaS而不是IaaS

    那么在云服务快速普及的时代,你手头的移动APP项目到底该如何正确选择纷繁复杂的云服务呢?今天我们来探讨和解决这个问题。...恰恰PaaS云服务的大量涌现,让服务器端程序的开发变得简单高效,PaaS提供了很多成熟的服务器端功能,省去了大量代码开发工作量,让移动APP项目服务器端开发工作更加可控,让很多之前不敢想象的功能快速集成到你的移动...APP中,某个PaaS云服务商的某个牛x程序员的成果可以被成百上千家没有那么高超开发能力的移动APP项目团队所共享。...因此PaaS云服务的普及带来的改变就是“让创业者和创新者更多关注自己的业务本身,而不是技术”。 企业CTO从技术牛人转变为“采购员” IaaS服务就是卖服务器,而PaaS服务器是卖牛x程序员。...云时代,带来的颠覆性价值不是IaaS,PaaS服务已经名正言顺的成为推动行业快速发展的云服务的主力军。

    1.8K60

    Unity 如何实现卡片循环滚动效果

    卡片循环滚动 实现思路: • 定义卡片的摆放规则; • 调整卡片的层级关系; • 调整卡片的尺寸大小; • 卡片向指定方向移动,动态调整位置、大小、层级关系。...动态调整位置、层级和大小 移动动画 首先为每张卡片添加脚本,用于实现卡片的移动逻辑,使用插值的形式来实现动画过程,假设动画所需时长为0.5秒,使用变量float类型变量timer来计时,自增Time.deltaTime...private Vector3 cacheAnchorPosition3d; //开始移动时的坐标 private Vector3 targetAnchorPostion3D; //目标坐标...transform.SetSiblingIndex(targetSiblingIndex); } rectTransform.anchoredPosition3D = Vector3...1f : timer); transform.localScale = Vector3.Lerp(cacheScale, (index == 0 ?

    3.7K22
    领券