消失的地平线

摘要： CentOS6.4 搭建Django+Nginx+uWSGI步骤1：yum –y install gcc gcc-c++yum –y install pcre pcre-devel zlib zlib-devel opensslopenssl-devel python-devel这里是为了后面的编译安装做准备，不然会缺少模块的（例如，如先不执行这个命令，后面执行virtualenv建立工程的时候会出现缺少zlib模块）步骤2：安装mysql、nginx，这里mysql建议安装系统的时候自带安装，版本够用了。./configure –prefix=/usr/local/nginx-1.4.2ma 阅读全文

摘要： 第一步：CentOS自带了两个OpenJDK需要先卸载，卸载方法第二步：下载 jdk的java.bin文件，放入/usr/local/java中执行命令 chmod a+xjava.bin 运行 ./java.bin修改/etc/profile文件export JAVA_HOME=/usr/local/java/jdk1.6.0_35export CLASSPATH=.:$JAVA_HOME/jre/lib/rt.jar:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jarexport PATH=$PATH:$JAVA_HOME/bin第三步：激活注册u 阅读全文

摘要： 问题1：./configure: error: the HTTP rewrite module requires the PCRE library解决方案：yum -y install pcre-devel问题2：/configure: error: the HTTP gzip module requires the zlib library.解决方案：yum install -y zlib-devel 阅读全文

摘要： 转载地址：www.jiawin.com/response-type-layout-design/讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3Media Query实现响应布局）。一、什么是响应式布局?响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终 阅读全文

摘要： 写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。 文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。 ----------- 译自：http://webdesignerwall.com/tutorials/responsiv... 阅读全文

摘要： 1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识别 10. IE7以及IE7以下版本可识别 11. IE7以及IE7以上版本可识别 lt：less than 当前指定版本以下，不包含当前版本gt：greater than 当前指定版本以上，不包含当前版本lte：less than or equal 当前指定版本以下，包含当... 阅读全文

摘要： 960个像素作12栏 16栏 24栏分割12栏和16栏分割的每个grid左右margin各10px，24栏分割每个grid左右margin各5px。几个重要的关键字和概念1.container容器：960px的宽度，左右margin auto 居中。2.grid_x x方格：最小方格宽度*x px宽度+左margin 10px+右margin10px（24栏布局分别为5px）3.prefix_x前间距：使用padding属性。让grid和前面保持（最小方格宽度+间距）*x的距离.(例如12栏的 prefix_3 的前间距为 （60px+20px）*3即向前隔开三个方格的距离 )。4.suffi 阅读全文

摘要： positon有4个属性:static relative absolute fixed,默认的时候是static即静止定位,是按照元素在(x)html出现的顺序依次分配位置, static是不受top right left bottom影响的. 当父层a的position设为relative(相对定位) 子层b的position设为(绝对定位)时,b的偏移是相对于父层a来定位,例如top:10px的偏移量就使b的顶部和a的顶部有10px的距离. 但是如果a没有设置relative 而b设为absolute,b的定位就是相对于浏览器进行,此时top:10px会使b出现在离浏览器上方10px的地方 阅读全文

摘要： word-wrap是控制换行的,可取：word-wrap:break-word | normal | break-all | keep-allbreak-word：它主要用来是控制是否将强制把单词换行，对于中英中文没有任何问题，但是对于长串的英文无效。 normal：英文单词不被拆开，它是默认值。 break-all，主要解决了长串英文的问题。主要用来是断开单词。在单词到边界时，下个字母自动到下一行。 keep-all，是指对于中、日、单词之间不断词。即只用此时，不用word-wrap，中文就不会换行了。（英文语句正常。） IE下：使用word-wrap:break-word;所有的都正常。 阅读全文

摘要： 在让WebApp在iOS上模拟NativeApp的效果中提到了对页面进行一些 meta 标记的添加，实现类似 Native App 的表现，不过这种表现只是外在的，接下来看看页面内容的显示问题。我们已知 viewport 在手机网页中有重要作用，但它具体起了哪些作用？viewport其事viewport 直译为“视口”，它的作用可以这么想象：如同玩一个3D游戏，你能通过显示器看到3D场景，但一般场景大小远大于显示器屏幕大小，你需要移动和缩放场景之后，才能看到全部的场景。如果你用CSS写过3D的动画效果，联想一下 -webkit-perspective 属性:D对，它就是手机上影响网页查看方式的 阅读全文