随笔分类 -  用户体验设计(UED)

各种居中方式小记
摘要：1.单行内容的居中.middle-demo-1{height: 4em;line-height: 4em;overflow: hidden;}2.父元素未设置高度，内容居中.middle-demo-2{padding-top: 24px;padding-bottom: 24px;}3.子元素有固定高... 阅读全文
posted @ 2015-11-08 20:24 爱好和平的阿道夫 阅读(176) 评论(0) 推荐(0)
html 图像映射（一个图像多个连接）
摘要：以前就见过那种导航地图，点击地图的不同省份分别跳到不同的连接，现在用html实现一下，简单的。图像映射是指一个图像可以建立多个连接，就是在图像上面定义多个区域，每个区域连接到不同的地址。效果如图：(可以直接分别点击四个人物头像试试！) 点击索隆，跳到索隆。点击索隆，跳到索隆。 1 2 3... 阅读全文
posted @ 2015-11-03 17:12 爱好和平的阿道夫 阅读(628) 评论(0) 推荐(0)
前端工程师需要明白的「像素」
摘要：场景：人物：前端实习生「阿树」与 切图工程师「玉凤」 事件：设计师出设计稿，前端实现页面玉凤：树，设计稿发给你啦，差那么点像素，就叼死你┏( ￣へ￣)=☞ 阿树：~(>_ 阅读全文
posted @ 2015-11-02 20:31 爱好和平的阿道夫 阅读(293) 评论(0) 推荐(0)
表单提交按钮input和button、a的差异
摘要：现在普遍的在网页中，表单提交数据的按钮最常见实用有三种，一种是input，一种是button，最后一种，是其他如a标签，div标签，span标签代替而来。在以前的日子里，大家都习惯于用input，因为他直接拥有type=submit，而button没有，它更适合于表达 button。然而。。。首先我... 阅读全文
posted @ 2015-07-19 11:45 爱好和平的阿道夫 阅读(3111) 评论(0) 推荐(0)
一行代码解决各种IE兼容问题IE8,IE9,IE10
摘要：一:一.指定文件兼容性模式(Xee:因为我已经放弃IE6,7了,所以以后设计的网页最低支持IE8;) 要为你的网页指定文件模式，需要在你的网页中使用meta元素放入X-UA-Compatible http-equiv 标头。 1. 强制IE8使用IE8模式来解析,而且那个兼容性视图 按钮也被去掉了 2. Google Chrome Frame也可以让IE用上Chrome的引擎(Xee:随... 阅读全文
posted @ 2014-11-16 21:50 爱好和平的阿道夫 阅读(473) 评论(0) 推荐(0)
再谈 X-UA-Compatible 兼容模式
摘要：如何理解 IE 的文档兼容模式（X-UA-Compatible）？ IE 浏览器支持多种文档兼容模式，得以因此改变页面的渲染效果。 IE9 模式支持全范围的既定行业标准，包括 HTML5（草案）, W3C CSS Level 3 规范（草案）, SVG 1.0 规范等 IE8 模式支持许多既定行业标准，W3C CSS Level 2.1 规范和 W3C Selectors API，有限支... 阅读全文
posted @ 2014-10-28 16:49 爱好和平的阿道夫 阅读(269) 评论(0) 推荐(0)
关于360的META设置，强制使用极速模式
摘要：我的网站，为了使360浏览器打开时默认为极速模式，给用户良好的体验！避免网页由于细节而导致页面布局错乱~ #################你还可以参考：360浏览器内核控制Meta标签说明文档http://se.360.cn/v6/help/meta.html 阅读全文
posted @ 2014-09-03 16:28 爱好和平的阿道夫 阅读(732) 评论(0) 推荐(0)