第一种：根元素为100px，再按照750设计稿转化成vw单位，这样只要按照设计稿的单位/2即可。如果是小程序，不需要除以2。 第二种：媒体查询 按照750设计稿，根元素是100px，兼容性比较好。 ...
分类：
移动开发 时间：
2018-08-16 19:58:04
阅读次数：
177
<style> @media only screen and (min-width:1024px ) { #box{ display: flex; flex-direction: row; flex-wrap: wrap; } .inner{ width: 100px; height: 100px; ...
分类：
其他好文 时间：
2018-08-06 22:39:18
阅读次数：
204
今天做移动端菜单适配，小屏幕时利用媒体查询，将菜单缩成一个icon，点击icon弹出侧边栏菜单 先添加一个遮罩层，然后添加菜单，菜单的zindex高于遮罩层，菜单icon的zindex高于菜单，定位固定在右上角，这样点击icon菜单滑进滑出，icon的位置不需要额外调整。 基本功能做好了，但是发现弹 ...
分类：
其他好文 时间：
2018-08-01 18:16:12
阅读次数：
3916
├─第一章 前期准备│ │ └─第一章 前期准备│ │ │ │ 响应式1-1│ │ 响应式1-2│ │ 响应式1-3│ │ 响应式网站优点1-4│ │ 响应式网站设计实践原则1-10│ │ 媒体查询1-6-1│ │ 媒体查询1-6-2│ │ 媒体查询1-6-3│ │ 怎样分析设计图1-9│ │ 浏览 ...
分类：
其他好文 时间：
2018-07-31 23:32:17
阅读次数：
538
CSS： 弹性布局 上下左右都固定，中间自适应 响应式设计： rem、百分比、媒体查询 伪类、伪元素 HTML5: 新增元素 Canvas，本地存储，cookie，音频、视频 Websocket JS： ...
分类：
其他好文 时间：
2018-07-25 10:21:54
阅读次数：
142
css常用公用部分样式代码整理: 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。 那么12px=0.75em,10px=0.625em。为了简化font-size的换算， 需要在css中的body选择器中声明Font-size=62.5%， 这就使em值变为 1 ...
分类：
移动开发 时间：
2018-07-20 01:11:43
阅读次数：
514
做移动端页面开发时，我们是按照UI设计图上的尺寸来做的。 比如说，UI给的图是750x1344（Iphone6标准），我们在浏览器做适配时，按照375x667来裁切，设计图上30像素的高度，开发时使用的是15px，这是因为Iphone6的设备像素比为2，css中的1px在设备中的像素为2px。当我们 ...
分类：
移动开发 时间：
2018-07-17 14:25:27
阅读次数：
384
第1章 课程介绍介绍什么是响应式；课程安排；学习建议1-1 导学1-2 课程介绍 第2章 实战利器逐一讲解响应式web开发的理论，工具和方法。对响应式开发中涉及的各核心技术进行深入的分析。知识点概念/原理与示例结合，让你全面/透彻的理解和掌握响应式开发。2-1 单位像素2-2 媒体查询-视口12-3 ...
分类：
其他好文 时间：
2018-07-16 00:32:17
阅读次数：
538
一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md，sm， xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么？ 同一个网页在不同的终端上呈现不同的布局等 - 响应式怎么实现的？ 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 ...
分类：
其他好文 时间：
2018-07-05 21:43:48
阅读次数：
253
在实际开发中，有时可能会有打印的需求。下面我总结了2种打印的方法，希望对各位小伙伴有所帮助。 ①：直接用window.print()方法就可以打印整个页面，下面是一个小demo 原文参考：https://www.cnblogs.com/qingtaong/archive/2012/07/27/261 ...
