px项目(为什么很多web项目还是使用px)
资讯
2024-02-02
377
1. px项目,为什么很多web项目还是使用px?
早些年移动端刚开始盛行的时候,为了移动端网页能够适配不同尺寸的手机屏幕,淘宝某前端大佬写了一段适配的js,叫做flexible,可在github搜索到。原理很简单,好像就是根据手机分辨率和dpi(具体不记得了),动态设置根源素html的fontsize,然后页面元素大小都以rem来做单位。因为1rem=html的fontsize。
后来有了vw和vh,慢慢的很多项目都用vw来做适配了,100vw=100%的宽度。因为兼容性不是很好,所以一直没有就行起来。
nodejs出现以后,前端工程化开始了。出现了pxtorem,pxtoviewport等插件,我们可以在开发的时候按照ui标注的px大小直接写,在打包的时候,插件会帮助我们把px计算转化为rem或者vw。
我现在都用vw。不考虑兼容性。有需要兼容ie的公司,我看都不看一眼。[捂脸]
2. 什么是PX项目?
PX项目是厦门市海沧PX项目,是2006年厦门市引进的一项总投资额108亿元人民币的对二甲苯化工项目,该项目号称厦门“有史以来最大工业项目”,选址于厦门市海沧台商投资区,投产后每年的工业产值可达800亿元人民币。该项目于2006年11月开工,原计划2008年投产。
本站涵盖的内容、图片、视频等数据系网络收集,部分未能与原作者取得联系。若涉及版权问题,请联系我们删除!联系邮箱:ynstorm@foxmail.com 谢谢支持!
1. px项目,为什么很多web项目还是使用px?
早些年移动端刚开始盛行的时候,为了移动端网页能够适配不同尺寸的手机屏幕,淘宝某前端大佬写了一段适配的js,叫做flexible,可在github搜索到。原理很简单,好像就是根据手机分辨率和dpi(具体不记得了),动态设置根源素html的fontsize,然后页面元素大小都以rem来做单位。因为1rem=html的fontsize。
后来有了vw和vh,慢慢的很多项目都用vw来做适配了,100vw=100%的宽度。因为兼容性不是很好,所以一直没有就行起来。
nodejs出现以后,前端工程化开始了。出现了pxtorem,pxtoviewport等插件,我们可以在开发的时候按照ui标注的px大小直接写,在打包的时候,插件会帮助我们把px计算转化为rem或者vw。
我现在都用vw。不考虑兼容性。有需要兼容ie的公司,我看都不看一眼。[捂脸]
2. 什么是PX项目?
PX项目是厦门市海沧PX项目,是2006年厦门市引进的一项总投资额108亿元人民币的对二甲苯化工项目,该项目号称厦门“有史以来最大工业项目”,选址于厦门市海沧台商投资区,投产后每年的工业产值可达800亿元人民币。该项目于2006年11月开工,原计划2008年投产。
本站涵盖的内容、图片、视频等数据系网络收集,部分未能与原作者取得联系。若涉及版权问题,请联系我们删除!联系邮箱:ynstorm@foxmail.com 谢谢支持!