管理文本的大小在 web 设计领域很重要。但是，不应当通过调整文本大小使段落看上去像标题，或者使标题看上去像段落。请始终使用正确的 HTML 标题，比如使用 <h1> - <h6> 来标记标题，使用 <p> 来标记段落。 font-size 值可以是绝对或相对值。 绝对值： 将文本设置为指定的大小 ...
分类：
Web程序 时间：
2017-07-12 13:47:39
阅读次数：
574
在移动web项目中，经常会实现以下1像素的边框 移动web设计中，在retina显示屏下网页会由1px会被渲染为2px，那么视觉稿中1px的线条还原成网页需要css定义为0.5px 但是正当我们去用0.5px定于boder的时候发现css的border-width: 0.5px不起作用，那是不是真的 ...
分类：
移动开发 时间：
2017-07-11 16:37:07
阅读次数：
214
一、静态布局（static layout） 即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚 ...
分类：
其他好文 时间：
2017-07-10 20:14:27
阅读次数：
815
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动 ...
分类：
其他好文 时间：
2017-06-22 20:53:45
阅读次数：
211
在Jbpm3版本号中，这个著名的开源项目并没有基于浏览器的图形化流程设计器，结果导致流程设计一直停留在CS阶段。 比方我之前做过的一个OA项目。项目中採用的就是Jbpm3。因为它不支持在浏览器中的图形化流程设计器。我们就须要跟客户进行充分沟通，然后在Eclipse中设计好流程，最后再将相应的图片与x ...
分类：
Web程序 时间：
2017-06-21 14:09:24
阅读次数：
296
最近在拜读一本Web体验相关的书《渐进增强——跨平台用户体验设计 》，阅读后做些总结，消化一下书中的精髓。 在阅读本文前，可以先思考下面几个问题。 1. 浏览网页的目的是什么？ 2. 浏览网页的时候会碰到哪些问题？ 3. 用什么方法来解决这些问题？ 4. 这些方法具体的实施步骤有哪些？ 一、契机 1 ...
分类：
Web程序 时间：
2017-06-19 12:44:11
阅读次数：
320
响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如，您先在计算机显示器上浏览一个网站，然后再智能手机上浏览，智能手机的屏幕尺寸远小于计算机显示器，但是你却没有感觉到任何差别，两者的用户体验几乎一样，这说明这个网站在响应式设计方面做得很好。 为了应用响应式 Web ...
分类：
其他好文 时间：
2017-06-05 00:39:58
阅读次数：
163
优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。 渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。优雅降级：使用优雅降级方案，Web站点在所有新式浏览器中都能正常工作，如 ...
分类：
其他好文 时间：
2017-06-04 20:01:38
阅读次数：
223
响应式WEB设计可以让WEB页面自适应各种尺寸的屏幕，俨然已经成为了当今WEB设计趋势。本文将介绍一款基于jQuery的响应式内容滑动插件以及如何使用这款插件到你的WEB应用中，满足各类WEB设计需求。 查看演示 下载源码 bxSlider特性 1.充分响应各种设备，适应各种屏幕； 2.支持多种滑动 ...
分类：
其他好文 时间：
2017-06-04 09:43:05
阅读次数：
248
现在移动设备越来越普及，用户使用智能手机、pad上网页越来越普遍。但是传统的fix型的页面在移动终端上无法很好的显示。因此，Ethan Marcotte提出一种响应式web设计的概念。 步骤： 1、使用media信息来帮助判断屏幕尺寸 2、使用百分比来替换以前使用的像素来声明宽度等与尺寸相关的信息 ...
分类：
其他好文 时间：
2017-06-03 22:34:21
阅读次数：
218
