随笔分类 -  屏幕适配

前端屏幕适配相关收藏
使用Flexible实现手淘H5页面的终端适配 --文章转载自：大漠
摘要：曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？ 那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实 阅读全文
posted @ 2021-05-25 10:21 浮-生 阅读(231) 评论(0) 推荐(0)
flexible.js如何实现rem自适应
摘要：flexible.js正是利用rem单位相对根元素<html>的font-size来做计算，而我们需要做的就是根据不同的屏幕算出html的font-size，而页面内的大小单位都根据rem来写，从而实现了自适应。 CSS单位rem 在W3C规范中是这样描述rem的: font size of the 阅读全文
posted @ 2021-05-25 10:20 浮-生 阅读(698) 评论(0) 推荐(0)
大屏上的全屏页面的自适应适配方案
摘要：通常来说PC端的页面并不像移动端页面那样对屏幕大小和分别率有那么强的依赖。一般的页面都是取屏幕中间的一块宽度(1280px), 两边留白, 高度随着内容的长度滚动。这样无论窗口怎么变化，页面都是可用的。比如，我们的这个页面. 然而也有少数的页面，天生就是要在 pc 端全屏显示的，其中最为典型的代表就 阅读全文
posted @ 2021-05-25 10:14 浮-生 阅读(5468) 评论(1) 推荐(0)
vue中使用rem布局解析+大屏自适应
摘要：浅析rem首先rem是css单位，相比于px固定的像素单位，rem更加的灵活，还有现在也比较好的vm。如果从未了解过，可以先过过眼 rem自适应。CSS3的REM设置字体大小 font size of the root element. 简单来说，rem就是根据html元素的字体大小来计算单位的。我 阅读全文
posted @ 2021-05-25 10:11 浮-生 阅读(2656) 评论(0) 推荐(0)