- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 document.body 与 document.documentElement
document.body 是 body节点 document.documentElement 是 html 根节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><div class="container"></div><script>
2016-01-18 14:39:59
2052
原创 webstorm 比较两个文件差异的方法
比较两个文件 选中两个文件－－》点击View视图菜单－－》compare files（ 或者选中两个文件后，command ＋ d 快捷键） 1.比较文件和剪贴板内的内容 将文件复制到剪贴板中－－》项目文件树中选择要比较的文件－－》点击右键－－》compare with clipboard 参考文档：https://www.jetbrains.com/phpstorm/help/comp
2016-01-11 10:40:33
21865
转载 浏览器 console.log 样式
console.log("%c hello %c world","color:red;font-size:20px;","color:blue")以百分号开头的console.log 内容，会使用后面的样式参数
2016-01-11 10:10:21
1302
原创 我对viewport的理解
viewport 的width，设定document.documentElement的宽度，如果内容中有超出这个宽度的内容，也会被显示，如果内部又一个div100％ 宽度的时候，就是这个值的宽度宽当user-scalable为no的时候，整体页面不会缩放，设置minimum－scalable 和maximum-scalable ，initial－scalable 没有什么意义minimum－sc
2016-01-08 12:01:23
596
原创 html5 android chrome 默认视口
当开发html5的时候 如果不设置 viewport的时候 - android chrome 的默认宽度是980px（设置了 width =device-width 后 就是设备宽度） - iphone safari iphone6 的默认宽度就是375（即使不设置viewport width ＝ device－width） 宽度指的是 document.documentEleme
2016-01-08 10:58:06
1010
转载 html5 iphone 特殊meta属性学习
apple-touch-icon-precomposed 与apple-touch-icon 似乎没有区别，都是用来显示在safari 保存到桌面时候的图标apple-mobile-web-app-capable：保存到桌面的页面是否不显示工具栏 ，yes ：不显示工具栏 no：默认值，显示工具栏apple-mobile-web-app-status-bar-style：头部bar的样式，只有
2016-01-07 15:45:03
1470
原创 Html5 屏幕旋转事件
仅仅无线浏览器支持orientationchange 事件（屏幕旋转事件） 和 window.orientation属性（屏幕旋转角度）orientation 可能值有 0 （默认） ，－90 ，90 三个可选项。 alert(window.orientation);window.addEventListener('orientationchange',function(){ aler
2016-01-07 15:38:23
5177
转载 RETINA 屏幕1px 边框实现
retina 屏幕1px 边框会显示的比较宽，解决办法是，使用scale 缩放0.5倍实现，并且需要是在after 伪元素中实现缩放，不影响原有元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .container1 {
2016-01-07 11:07:21
1655
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人