html&css(3) - 随笔分类 - access笨小孩

提升网页访问速度

摘要：前端技术的逐渐成熟，还衍生了domain hash, cookie free, css sprites, js/css combine, max expires time, loading images on demand等等技术。这些技术的出现和大量使用都和并发资源数有关。前端技术的逐渐成熟，还阅读全文

posted @ 2017-08-03 09:48 access笨小孩阅读(186) 评论(0) 推荐(1)

IOS上iframe的滚动条失效的解决办法

摘要：#iframe-wrap { position: fixed; top: 100px; bottom: 0px; left: 0px; right: 0px; -webkit-overflow-scrolling: touch; overflow-y: scroll;} #iframe-wrap i 阅读全文

posted @ 2016-08-16 15:06 access笨小孩阅读(2188) 评论(0) 推荐(0)

点击穿透问题（http://www.tuicool.com/articles/6NfaUnM）

摘要：一.click与300ms延迟移动浏览器提供一个特殊的功能：双击（double tap）放大 300ms的延迟就来自这里，用户碰触页面之后，需要等待一段时间来判断是不是双击（double tap）动作，而不是立即响应单击（click），等待的这段时间大约是300ms。之前有过简单介绍：黯羽轻扬：阅读全文

posted @ 2016-07-22 09:12 access笨小孩阅读(227) 评论(0) 推荐(0)

Html5 js FileReader接口

摘要：用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口阅读全文

posted @ 2016-07-15 09:16 access笨小孩阅读(18369) 评论(0) 推荐(0)

css 控制滚动样式

摘要：::-webkit-scrollbar{width: 8px; height: 8px;}::-webkit-scrollbar-button:vertical{display:none;}::-webkit-scrollbar-track:vertical{background-color:bla 阅读全文

posted @ 2016-06-29 14:50 access笨小孩阅读(182) 评论(0) 推荐(0)

今日头条的，顶部导航，实现分析

摘要：1.先上图看到没有这是在ipad下的效果，下面的菜单可以横向滚动，且没有滚动条。我上次在做移动web实现这个效果是用的js。今天我就用css就可以完成。超级简单，只需要几步就OK了。 2.贴个源码然后我来分析 3.分析代码结构很简单我就不多说了结构了。这里有几点要注意。第一，最外层的div设阅读全文

posted @ 2016-03-16 14:31 access笨小孩阅读(4292) 评论(0) 推荐(0)

判断移动设备类型

摘要：window.Xfun = { "getById" : function getById( id ) { return document.getElementById(id); }, "getUrlParam":function (name) { var reg = new RegExp("(^|& 阅读全文

posted @ 2016-03-10 08:53 access笨小孩阅读(431) 评论(0) 推荐(0)

支持H5的一般设置

摘要：1.因为IE8既不支持HTML5也不支持CSS3 Media，所以我们需要加载两个JS文件，来保证我们的代码实现兼容效果： <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js></script> <script 阅读全文

posted @ 2016-02-18 11:20 access笨小孩阅读(277) 评论(0) 推荐(0)

通过css实现文本超出部分以省略号(......)代替

摘要：一、单行溢出1，固定宽度（非常容易）text-overflow: ellipsis;2，不固定宽度思路：想让这个区域成为块元素，然后不换行，溢出隐藏。display: block;white-space: nowrap: #设置如何处理元素内的空白。text-overflow: ellipsis; ... 阅读全文

posted @ 2015-12-14 11:19 access笨小孩阅读(298) 评论(0) 推荐(0)

随笔分类 - html&css(3)

公告