pr rem自适应布局适合用于pc端吗?
rem自适应布局适合用于pc端吗?
要想在PC上使用REM,首先要使用reset()函数来包含常用的remjs,因为手机的屏幕宽度是固定的,PC上的浏览器窗口大小可以改变
另外,PC端一般不使用REM,主要是因为兼容低版本浏览器。例如,从IE9开始就支持REM,但只是部分支持。Ie11完全支持。部分支持IE9和ie10。例如,伪元素和缩写样式不支持REM
在移动终端开始流行的早期,为了使移动页面适应不同大小的移动屏幕,淘宝的一个前端老板写了一个改编的JS,叫做flexible,可以在GitHub中找到。原理很简单。似乎根据手机的分辨率和DPI(我不记得了),动态设置根元素HTML的fontsize,然后页面元素的大小就是rem,因为1rem=fontsizeofhtml。
后来,出现了大众和VH。渐渐地,许多项目使用大众汽车进行改编。100vw=100%宽度。因为兼容性不是很好,所以一直没有上线。
nodejs出现后,前端工程开始了。有pxtorem和pxtoview port等插件。在开发过程中,我们可以根据UI标记的PX case直接编写它们。在打包时,插件将帮助我们将PX计算转换为REM或VW。
我现在用大众。不考虑兼容性。我甚至不看那些需要与ie兼容的公司[遮住你的脸
的确,许多流行的应用程序只有Android或IOS版本,这些版本主要在手机上推送。为什么会有这样的原因?
1、手机用户已经成为主流
在淘宝的早期,你可能还记得他们中的大多数都是基于PC的。马云看到了手机的发展趋势,随后推出了一系列针对手机的激励措施。我记得,所有通过手机下单的产品都有不同程度的优惠和补贴,同时,它们对商务流量的铺垫也很给力。如果我们不重视移动终端,我们将失去竞争优势。现在让我们看看这是多么明智的选择。任何一个软件和平台,如果不重视移动终端,注定前途暗淡。
现在看广告、听新闻、看电影,我们基本习惯了手机上网的方式。我们的很多生活需求基本上都是通过手机解决的。慢慢地,人们忘记了电脑。手机已经成为一种潜意识的需求。哪里有人,哪里就有手机。它已成为主流。手机的流量将成为企业成功的关键。
2、手机和PC之间也有很多产品并存,如微信、腾讯、淘宝等,PC终端的投入也需要一批人来维护,提供技术支持和纠错。但大数据显示,PC用户越来越少,不会用电脑的人也不会用电脑。一般规模的公司不再看好高投资、低回报的PC端。他们在手机的研究和开发中使用他们的优势力量。很多应用程序都没有PC端。
3、养成习惯,形成引导
很多公司在移动终端上看到了强大的用户流,他们也在有意引导我们养成习惯。编辑视频时,我喜欢用手剪在PC终端上操作。最近,我用了视频剪刀。我觉得移动终端的操作是正确的。我拿起它随意编辑,简单快捷。或者一个方便的习惯手机会逐渐取代电脑的需求。作为一种使用需求,移动终端具有越来越多的优势。
为什么很多web项目还是使用px,而不是rem?
移动终端,自适应比计算机更复杂
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。