移动布局方案(转载)

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

响应式设计笔记

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

自适应与响应式的异同

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

git版本控制图形化界面推荐

  其实呢,有点不太理解为什么有很多人喜欢在命令行下敲命令,尤其是日常工作中使用频率蛮高的git,拉取,合并,切换分支什么的要打很多命令,手速很快的情况下还容易敲错命令导致误操作,推荐一个我日常使用的git图形化界面工具:SourceTree ,非常的轻量化,有非常简单,合并拉取提交什么的只要轻触两下触摸板就搞定了,效率上比敲命令行不知道高到哪里去了,自动化流程就是好啊。......

git版本控制图形化界面推荐

如何在Mac OS上安装pytest、setuptools、wget

本文主要介绍如何在Mac OS上安装pytest,以自己实际安装为例。同时补充介绍了Mac OS上安装setuptools和Mac OS上安装wget的方法Mac OS上安装pytest由于Mac OS上自带python2.7,已是目标版本,不需要更新了,在此基础上介绍安装pytest的主要步骤:安装pip,在终端中输入:sudo easy_install pip接着安装pytest:sudo pip install -U pytest测试是否安装成功:py.test --version在安装过......

15个在github上最受欢迎的py框架,记录一下

1. Django: Python Web应用开发框架  Django 应该是最出名的Python框架,GAE甚至Erlang都有框架受它影响。Django是走大而全的方向,它最出名的是其全自动化的管理后台:只需要使用起ORM,做简单的对象定义,它就能自动生成数据库结构、以及全功能的管理后台。  2. Diesel:基于Greenlet的事件I/O框架  Diesel提供一个整洁的API来编写网络客户端和服务器。支持TCP和UDP。  3. Flask:一个用Python编写的轻量级Web应用框......