2017年8月28日
移动端布局的方法(1)
摘要： 几种移动端布局方法 响应式布局 1 利用@meida判断各个size 媒体类型 @media (max-width:768px){ //css 在浏览器的宽度低于768时有效 } @media (max-width:1000px){ div{background:blue;} // 当浏览器宽度低于 阅读全文
posted @ 2017-08-28 20:44 kimsaerono 阅读(199) 评论(0) 推荐(0)
图片懒加载的几种优秀的方式(1)
摘要： 原生 JS 实现最简单的图片懒加载 懒加载 什么是懒加载 懒加载其实就是延迟加载 是一种对网页性能优化的方式 比如当访问一个页面的时候 优先显示可视区域的图片而不一次性加载所有图片 当需要显示的时候再发送图片请求 避免打开网页时加载过多资源。 为什么要把上面的话分开来写呢，因为上面的话相当简洁，每一 阅读全文
posted @ 2017-08-28 20:26 kimsaerono 阅读(213) 评论(0) 推荐(0)
2017年8月22日
ie8部分兼容性（1）
摘要： 本文分享积累的IE8+兼容性问题的解决方法。 测试IE兼容性必须要在Windows中测，可以使员ietester，而且是Win7+，因为WinXP最高只支持IE8，IE9！大部分做Web的童鞋都不是使用Windows做为开发环境，要么是Linux发行版，要么是Mac OS。怎么办？一般有2种方法： 阅读全文
posted @ 2017-08-22 15:13 kimsaerono 阅读(191) 评论(0) 推荐(0)
float温习（1）
摘要： 温习float属性，但是可以用flex的话，就不怎么使用float，但是float仍然使用频繁 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ paddin 阅读全文
posted @ 2017-08-22 15:00 kimsaerono 阅读(182) 评论(0) 推荐(0)
温习flex（1）
摘要： 以一篇简单的flex代码举例，重点在温习flex的命令和其相关的属性和实现的效果。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul{ width: 400p 阅读全文
posted @ 2017-08-22 14:46 kimsaerono 阅读(192) 评论(0) 推荐(0)