![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
麒麟侠
一个有着天花烂醉般梦想的老男人,正在从技术领域跨越到IT业务领域...,希望通过自己努力能家里生活更美好~~~~~
展开
-
移动端屏幕自适应的学习-基本概念篇
最近研究了一下网页根据现实设备如何自动适应,以及如何做。突然发现概念真是复杂。研究了好几天,度娘了很多文章。现我把这几日的学习内容总结一下1.屏幕(主屏)的尺寸是什么,怎么算下面这张图是华为荣耀7的尺寸图,图上写的是5.2英寸。那么这个5.2英寸到底是怎么算出来的呢?在说这个问题之前,我们先进行一下单位的换算。我们平时是不用英寸这个单位的,我们用的是毫米,厘米,米这些单位。那么英寸和毫米,厘米之间...原创 2018-02-25 10:55:52 · 330 阅读 · 0 评论 -
JQuery 自定义事件 & 命名空间
jquery现在的事件API:on,off,trigger支持带命名空间的事件,当事件有了命名空间,就可以有效地管理同一事件的不同监听器,在定义组件的时候,能够避免同一元素应用到不同组件时,同一事件类型之间的影响,还能控制一些意外的事件冒泡。在实际工作中,相信大家都用的很多,但是不一定了解它的所有细节,至少我有这样的经验,经常在碰到疑惑的时候,还得重新写例子去验证它的相关作用,所以本文想把事件命名...转载 2018-03-04 19:19:28 · 228 阅读 · 0 评论 -
移动端屏幕自适应的学习-基本概念篇2
移动端页面与PC的Web页面相比简单了不少,但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。看看下图你就会知道,这是多么痛苦的一件事情: 首先得了解下面这些基本概念(术语) 视窗 viewport 简单的理解,viewport是严格等于浏览器的窗口。在桌面浏览器中,viewport就是浏览器窗口的宽度高度。但在移动端设备上就有点复杂。 移动端的viewport太窄,为原创 2018-02-25 16:36:40 · 259 阅读 · 0 评论 -
移动端屏幕自适应的学习-进阶篇
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习,讨论html5设计稿尺寸以及前端与设计之间协作流程的问题,内容较多,但对你的技术和工作一定有价值,欢迎阅读和点评:)。 1. 问题的引出 最近阅读白树的博文《移动web资源整理》时,他在博文中有一段指出,如果html5要适应各种分辨率的移动设备,应该使用rem这样的尺寸单位,同时给出了一段转载 2018-02-25 17:01:31 · 239 阅读 · 0 评论