- 博客(10)
- 资源 (1)
- 收藏
- 关注
转载 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 2053
原创 webstorm 比较两个文件差异的方法
比较两个文件 选中两个文件--》点击View视图菜单--》compare files( 或者选中两个文件后,command + d 快捷键) 1.比较文件和剪贴板内的内容 将文件复制到剪贴板中--》项目文件树中选择要比较的文件--》点击右键--》compare with clipboard 参考文档:https://www.jetbrains.com/phpstorm/help/comp
2016-01-11 10:40:33 21866
转载 浏览器 console.log 样式
console.log("%c hello %c world","color:red;font-size:20px;","color:blue")以百分号开头的console.log 内容,会使用后面的样式参数
2016-01-11 10:10:21 1303
原创 我对viewport的理解
viewport 的width,设定document.documentElement的宽度,如果内容中有超出这个宽度的内容,也会被显示,如果内部又一个div100% 宽度的时候,就是这个值的宽度宽当user-scalable为no的时候,整体页面不会缩放,设置minimum-scalable 和maximum-scalable ,initial-scalable 没有什么意义minimum-sc
2016-01-08 12:01:23 597
原创 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 5178
转载 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 1656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人