pc端适配
文章平均质量分 61
通过使用PC端适配专栏,网站可以将网页的内容原生适配移动端屏幕,让用户在移动设备上也能享受良好的浏览体验。这对于那些需要在移动设备上发布内容的网站来说,是非常有益的。
Pinia_0819
欲买桂花同载酒,终不是少年游.
记录平时要用到的知识,欢迎小伙伴一起探讨前端技术问题!
展开
-
公司老项目改造适配不同分辨率2k、3k、4k
因为我这个项目中使用了好多echarts图表,全局使用zoom缩放导致echarts位置错位(比如鼠标经过饼图区域没反应或者鼠标经过饼图红色区域显示的是蓝色区域的数据等错位问题)最近公司要做项目适配2k、3k、4k屏的分辨率,在网上找了很多中方案,常用且方便的是使用zoom全局缩放,因为是老项目所以对样式进行了重写整体使用了flex+百分比布局。4、整体布局使用了flex布局或者使用百分比或者用elementui的栅格布局页面就不会乱在对整体内容的缩放效果就会很好。2、在main.js中导入使用。原创 2023-07-19 10:50:16 · 885 阅读 · 0 评论 -
rem响应式布局-自动将px转换为rem--px2rem插件的使用
在项目中我们可能要做适配根据不同分辨率做相应的页面处理当你在项目中采用rem做响应式页面的时候,如果代码里面写的是rem单位的话,会不好判断各种距离、宽高的具体数值,下面介绍一款插件:px2rem,使用此插件可以在代码里依然写px,启动项目会自动将px单位转换为可响应的rem单位。原创 2023-05-06 16:39:00 · 1941 阅读 · 1 评论