倒霉，最好不要使用Mac系统默认下的python

by Liu Yue/2012-03-15

最近，用Mac系统开发了一阵以后，一些软件开始崩溃，找了一下原因，原来是我乱升级系统包导致的，我们都知道，OSX系统默认是开发者友好的，python当然必须系统自带的。但是网上又有很多教程，如何在mac系统中安另一个python，原因就是系统自带的python运行运行普通脚本没问题，但是真的开发python项目是有点问题的。系统自带的python可能会版本偏低，这个如果大家都是用最新系统应该都没啥问题了。系统升级的时候，可能会导致已经安装的python包消失。最后也是最重要一点，系统python......
了解更多

centos安装python2.7

by Liu Yue/2012-02-01

一般centos系统自带的Python是2.6.6版本，由于版本太老有些好用的模块及功能需要Python2.7才支持。简单写一下如何升级Python2.6到Python2.7并能同步使用pip，以及通过pip安装Django。踩过不少坑，总结了下，按下面步骤逐步安装不然会有报错。1、安装openssl openssl-devel如果没安装后面用pip安装软件包的时候可能会提示错误“pip is configured with locations that require TLS/SSL, how......
了解更多

rem在响应式布局中的应用

by Liu Yue/2017-07-09

rem在响应式布局中的应用最近做了一些响应式的页面，遇到了一些问题，想了些解决方法，在这里总结一下。目前响应式的主流实现方式是百分比布局，加上媒体查询@media screen。关于媒体查询还有媒体查询的一些兼容性问题，网上介绍的很多其实响应式布局中主要困扰我们的问题还是元素的等比缩放。目前的元素的等比缩放主要有以下两种解决方案。实现等比缩放的一些方案1. 利用img元素的等比缩放特点这种情况最为常见，只需要百分比设置img元素的宽度，img元素的高度就会随着宽度等比缩放。这也是我们在响应式界面......
了解更多

自适应与响应式的异同

by Liu Yue/2017-01-27

      目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。在这先说明下这两者的异同：自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone/iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多个portal（入口），会大大增加架构设计的复杂度。于是，很早就有人设想，......
了解更多

移动布局方案(转载)

by Liu Yue/2017-03-22

layout viewport和visual viewport移动端浏览器和PC最大的不同在于大小（废话= =），那么怎样让网页友好的展示在移动端呢。很显然的，如果不做任何处理，很多页面的展示必然会乱掉。Apple也发现了这个问题，并定义了一个viewport meta标签，用来创建一个虚拟的**layout viewport**（布局视图），这个视图的分辨率接近pc，Apple将其定义为**980px**，其他厂商可能不同，感兴趣的可以自己写页面测试下。这就很好的解决了早期的页面在手机上显示的......
了解更多

响应式设计笔记

by Liu Yue/2017-02-21

HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表。比如，一个页面在屏幕上显示时使用无衬线字体，而在打印时则使用衬线字体。screen和print是两种已定义的媒体类型。媒体查询让样式表有更强的针对性，扩展了媒体类型的功能。下面的css是应用在宽度小于等于960px的屏幕上：@media screen and (max-width: 960px) {     body { background-color: red; } } 此外，......
了解更多