08 2018 档案

sass
摘要：1、安装ruby https://rubyinstaller.org/downloads/ 要下载哪个版本？ 如果你不知道要安装什么版本并且开始使用Ruby，我们建议你使用Ruby + Devkit 2.4.X作为x64或x86安装程序。这些提供了最大数量的兼容gem并安装了MSYS2-Devkit 阅读全文
posted @ 2018-08-13 17:26 IT记录 阅读(852) 评论(0) 推荐(0)
移动端meta标签
摘要：1、设置当前html页面字符编码 2、设置视口 3、http-equiv 4、format-detection 一般情况下，IOS和Android系统都会默认某长度内的数字为电话号码，这个取消蛮有用的 忽略页面对手机号、email的识别 telephone：yes|no email：yes|no * 阅读全文
posted @ 2018-08-09 17:07 IT记录 阅读(204) 评论(0) 推荐(0)
flexible.js
摘要：移动端适配方案 flexible.js 目录 1、什么是flexible.js 2、使用方式（这是阿里的CDN，如果其他链接一样可以） 3、如果不用CDN用源码也可，其包含一个.css文件和.js文件（文件直接引入） 4、flexible.js 做的三件事 5、重点重点重点！与PX的换算（1rem 阅读全文
posted @ 2018-08-09 15:01 IT记录 阅读(12128) 评论(0) 推荐(1)
移动端的1px问题
摘要：布局视口 layout viewport： 手机一般为了容纳为桌面浏览器设计的网站，默认布局viewport宽度远大于屏幕的宽度，为了让用户看到网站全貌，缩小网站。例如，apple一般将viewport宽度定为980px。主要意义是手机厂商不至于让自家手机变得可笑，在打开大于980宽度的页面的时候可 阅读全文
posted @ 2018-08-09 11:46 IT记录 阅读(1598) 评论(0) 推荐(0)
移动端与PC的不同-笔记
摘要：1、兼容性方面 移动端：主要是不同终端分辨率问题 PC端 ： 主要在浏览器不同内核兼容性上问题 2、布局方面 移动端：移动端除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理，总体就是响应式布局（自适应布局） PC端 ： 通常有固定宽度（980px（也有960，1000,1200）），也就是版心 阅读全文
posted @ 2018-08-09 10:08 IT记录 阅读(822) 评论(0) 推荐(0)
rem-详细理解笔记
摘要：一、rem是什么 rem是相对于根元素html字体大小来计算的； rem（font size of the root element）与em（font size of the element）区别，em根据其父元素字体大小设置，rem是根据网页的根元素（html）设置字体大小。 二、rem兼容性（兼 阅读全文
posted @ 2018-08-07 17:01 IT记录 阅读(886) 评论(0) 推荐(0)
flex布局-笔记
摘要：一 、flex布局 弹性布局，灵活性 二、容器属性： flex-direction: row | row-reverse | column | column-reverse; 决定主轴的方向（即项目的排列方向 row （默认值）主轴为水平方向，起点在左端。 row-reverse 主轴为水平方向，起 阅读全文
posted @ 2018-08-07 14:32 IT记录 阅读(351) 评论(0) 推荐(0)