我是写代码的。但我不喜欢管自己叫程序员。2019-1-1,今晚我第一次写博客,当然刚开始没有什么技术可以分享,只能写一下自己遇到的问题及解决办法,未来也可以温故而知新。
我也接触前端这一块块算入门的了。今晚在思考 wap网页APP 的 适配问题 rem(单位)!搜寻了其他博客大佬的总结。为此想总结一下。。。睡觉了,明天起来更新,嘻嘻。
起床更新:
那么什么是wap网页APP呢,什么是rem单位呢?
先说rem吧:
rem 和 em 单位是由浏览器基于你的设计中的字体大小计算得到的像素值。em 单位基于使用他们的元素的字体大小。rem 单位基于 html 元素的字体大小。em 单位可能受任何继承的父元素字体大小影响。rem 单位可以从浏览器字体设置中继承字体大小。
可以看到
在同程APP上,根元素的字体大小被通过JS动态的设置了。而 data-dpr 这个属性是自定义属性 H5 的东西,但是dpr就有点东西了。
设备像素比(device pixel ratio )简称 dpr!!!
至于详细的讲解 https://www.cnblogs.com/liujn0829/p/7909218.html 这一篇大佬写得挺不错的。
1. wap网页
有人说webAPP网页就会想到WAP,认为是一样的,其实不然。
WAP侧重于显示我们所要的数据,比如文章,媒体文件等。
而webAPP侧重于提供功能,例如就淘宝,饿了么这样的。
那么到底我们的WAP是在哪里体现的呢? 我们通常通过手机浏览器打开的页面通俗的讲也就是我们的 WAP网站。
2.webAPP
APP指的是一款应用。一款可以在任何设备下载到本地打开即用的程序,举个栗子:淘宝。
可以打开浏览器搜索淘宝,找到主页
如图:
这是浏览器打开的淘宝,与我们下载到本地APP打开一模一样。这样就俗称 wap网页。
另外的就不言而意就是webAPP。我是前端小白,但我也是了解到 开发APP,首先应该是开发出wap网页,然后在通过其他打包手段,打包成webAPP,这样既有跨平台性,在ios,Android上都可以运行。也有兼容性。最最重要的是 ”良好交互体验的优势“ 这个东西。客户最重要嘛。
好吧,先这样的,以后慢慢更新。嘻嘻