首页 Github 博客园

黄哈哈。

Published on undefined in 暂未分类 with 黄哈哈。

随笔分类 - 适配

em和rem

摘要：em和rem 一、rem认识 em rem是相对单位 em大小是基于父元素的字体大小 rem的大小是基于？浏览器默认的字体大小是16px r 意思 root 根元素，html标签 rem的大小是基于html元素的字体大小二、适配方案rem 宽度和高度都能做到适配（等比缩放）思路：通过控制ht 阅读全文

posted @ 2021-10-25 21:45 黄哈哈。阅读(227) 评论(0) 推荐(0) 编辑

meta

摘要：meta 网站seo  <meta name="description" content="....">  <meta name="Keywords" content="...."> 遇到数字不让转成电话号码格式 <meta content="telephone 阅读全文

posted @ 2021-10-25 21:19 黄哈哈。阅读(89) 评论(0) 推荐(0) 编辑

适配iPhoneX底部的小黑条

摘要：适配iPhoneX底部的小黑条一、场景由于iPhoneX去掉了物理按键，改为了底部小黑条，这就会导致屏幕适配问题，最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题，我们一般采取css或js的处理方式（适用于h5，小程序）。二、css适配方案（推荐）第一步：设置网页的头部标签 < 阅读全文

posted @ 2021-10-19 23:03 黄哈哈。阅读(548) 评论(0) 推荐(0) 编辑

横竖屏幕提示

摘要：横竖屏幕提示页面不需要强制横/竖屏时，可根据实际需求，在屏幕旋转时候给予提示： HTML:  <div id="orientLayer" class="orient-layer"> <p class="orient-layer-tip">为了更好的体验，请使用竖/横屏阅读全文

posted @ 2021-03-30 16:48 黄哈哈。阅读(226) 评论(0) 推荐(0) 编辑

← → ↓ ↑