随笔分类 -  手机浏览器

像素4（rem2px插件cssrem，rem适配库flexible.js，css插件less）
摘要：如果使用vscode工具编辑前端，插件cssrem让px转换为rem. flexible.js原理： 利用调整根字体大小，让像素按照根字体大小成比例变化，即rem。 其实之前讲过一种思路，详见：像素2（pc端web中css的rem适配 就是屏幕像素/设计稿的大小*100px作为根字体大小，根字体大小 阅读全文
posted @ 2020-10-30 02:59 假程序猿 阅读(501) 评论(0) 推荐(0) 编辑
像素3（移动端web中适配之viewport）
摘要：简介原由： 因为移动设备屏幕比较小，前期分辨率也比较低， 那么桌面网页在手机完全显示就得缩放，太小导致看不清楚。 然后弄了个虚拟窗口（viewport），内容都在虚拟窗口显示， 屏幕容不下那么就滑动， 一个内容可能被分割在设备屏幕的右边和下边，滑动太不方便 于是将虚拟窗口设置成屏幕的大小，那么内容要 阅读全文
posted @ 2020-10-27 02:49 假程序猿 阅读(142) 评论(0) 推荐(0) 编辑
(淘宝无限适配)手机端rem布局详解
摘要：(淘宝无限适配)手机端rem布局详解 http://www.alloyteam.com/2016/03/mobile-web-adaptation-tool-rem/ 阅读全文
posted @ 2019-08-02 02:24 假程序猿 阅读(1064) 评论(0) 推荐(0) 编辑
移动端适配 px2rem/px2vw 的原理与实现
摘要：移动端适配 px2rem/px2vw 的原理与实现 阅读全文
posted @ 2019-08-01 21:30 假程序猿 阅读(1239) 评论(0) 推荐(0) 编辑
float的重要特性能则一行否则换行
摘要：float的重要特性能则一样否则换行 即：能一行放的下就放一下，放不下就下一行，使的总是紧挨一起。 以适应不同的浏览器宽度。 阅读全文
posted @ 2019-07-27 03:14 假程序猿 阅读(287) 评论(0) 推荐(0) 编辑
User-agent总是有Mozilla的故事
摘要：User-agent总是有Mozilla的故事 你是否好奇标识浏览器身份的User-Agent，为什么每个浏览器都有Mozilla字样？ Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome 阅读全文
posted @ 2019-07-25 20:50 假程序猿 阅读(252) 评论(0) 推荐(0) 编辑
手机端访问跳转到另一个网页
摘要：手机端访问跳转到另一个网页 阅读全文
posted @ 2019-07-23 04:03 假程序猿 阅读(3062) 评论(0) 推荐(0) 编辑
超详细的rem+vw移动端屏幕适配方案
摘要：超详细的rem+vw移动端屏幕适配方案 深度解析使用CSS单位px、em、rem、vh、vw、vmin、vmax实现页面布局 你不知道的CSS（单位篇） 视区相关单位vw, vh..简介以及可实际应用场景 阅读全文
posted @ 2019-07-22 03:21 假程序猿 阅读(2745) 评论(0) 推荐(0) 编辑
让网页的宽度自动适应手机屏幕的宽度（viewport）
摘要：1，在网页的<head>中增加一个meta标签： <meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes 阅读全文
posted @ 2019-07-22 00:23 假程序猿 阅读(9757) 评论(0) 推荐(0) 编辑
手机访问PC网站自动跳转到手机版
摘要：手机访问PC网站自动跳转到手机版 阅读全文
posted @ 2019-07-18 01:39 假程序猿 阅读(309) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示