htmlcss布局
qq_28918357
前端学习中,目前切图仔
展开
-
大屏等响应式 px 转为 rem 单位的使用
第一种方法 css3 calc 动态计算前提 UI稿是1920*1080px 72px分辨率默认 在1920分辨率下 根字体 font-size 是100px 方便计算// css中html { /* 1920分辨率下 根字体是 100px */ font-size: calc(100vw / 1920 * 10);}.title { font-size: 0.2rem // 对应 20px}第二种方法 js 动态设置在页面初始化的时候调用document.add原创 2020-10-10 11:05:21 · 466 阅读 · 0 评论 -
mapbox制作自定义地图并发布在线瓦片地址
1. 注册账号 进入 studio 页面2. 新增 style3. 设计自己的自定义地图样式 与百度高德类似 自己摸索 注意点击右上角发布4. 回到 studio 页面 点击制作好的想要使用的地图样式的分享按钮5. 从分享页面获取 stypeId access_token 等拼接成下面的url地址形式https://api.mapbox.com/styles/v1/YOUR_USERNAME/YOUR_STYLE_ID/tiles/256/{z}/{x}/{y}?access_token原创 2020-09-11 17:34:03 · 2896 阅读 · 1 评论 -
window 事件
beforeunload当窗口,文档及其资源即将被卸载时触发。也可以通过onbeforeunload属性。DOMContentLoaded当文档完全加载和解析时触发,而无需等待样式表,图像和子帧完成加载。等价于 jquery的 $(function(){ … }) $(document).ready(function(){ … })// 使用document.addEventListener(‘DOMContentLoaded’, function() {// 此方法为原生j原创 2020-07-13 15:20:58 · 117 阅读 · 0 评论 -
html div 垂直居中对齐的几种方式
html div 居中对其的几种方式<div class="parent"> <div class="child"></div></div>方式1 position, margin/transtrom, 需要父子属性共同决定 .parent{ position: relative; height: 100%; } .child{ position: absolute; left原创 2020-06-05 10:40:25 · 869 阅读 · 0 评论