多出很大的空白, 原因: left 进行了叠加. 解决办法: 即,不在media里写,将其写在box下…

http://blog.csdn.net/hireboy/article/details/8806098 Django 1.3以后,采用static方式处理静态文件,比如网站的css js images等等,而以前所谓的media改成处理网站自身以外的媒体文件了.media和static用途上容易混淆,请移步上次讲的<对Django media和static概念的理解>. 如果简单使用static,配置起来会比media要少一步,下面会比较一下.说到static,不能不说说Django开发环境…

安装Nginx sudo apt-get install nginx ubantu安装完Nginx后,文件结构大致为: 所有的配置文件都在 /etc/nginx下: 启动程序文件在 /usr/sbin/nginx下: 日志文件在 /var/log/nginx/下,分别是access.log和error.log: 并且在 /etc/init.d下创建了启动脚本nginx. sudo /etc/init.d/nginx start # 启动 sudo /etc/init.d/nginx stop #…

Requests 网络资源(URLs)撷取套件 改善Urllib2的缺点,让使用者以最简单的方式获取网络资源 可以使用REST操作(POST,PUT,GET,DELETE)存取网络资源 import requests newsurl='http://www.sina.com.cn/' res=requests.get(newsurl) print(res)#<Response [200]> print(res.encoding)#单字节编码ISO-8859-1 res.encoding='ut…

phonegap由2.7升级到3.7之前,只要引入一个cordova.js,就可以了.现在由于所用的插件,都需要用模块的形式进行按需加载,自然就没有以前那么安逸了. 例如,如果要在安卓平台添加一个音频处理插件,除了要引入cordova.js之外,还要手动添加Media.js文件.这里有两种方式,一种是通过官方推荐的方式,使用 nodejs的命令行进行添加,另一种则是把Media.js用模块的方式直接粘贴到cordova.js中. 第一种方式要先安装nodejs,网上的教程都是基于nodejs+e…

× 目录 [1]媒介类型 [2]媒体属性 [3]语法[4]方法 前面的话 一说到响应式设计,肯定离不开媒体查询media.一般认为媒体查询是CSS3的新增内容,实际上CSS2已经存在了,CSS3新增了媒体属性和使用场景(IE8-浏览器不支持).本文将详细介绍媒体查询的内容 媒介类型 在CSS2中,媒体查询只使用于<style>和<link>标签中,以media属性存在 media属性用于为不同的媒介类型规定不同的样式 screen 计算机屏幕(默认值) tty 电传打字机以及使用等…

原文来源:http://webdesignerwall.com 翻译:http://xinyo.org 当今银屏分辨率从 320px (iPhone)到 2560px (大屏显示器)或者更大.人们也不再仅仅用台式机来浏览网页,现在有手机,平板电脑等等.所以传统的固定宽度设计形式将不再是个最佳选择,网页设计需要有自适应性.网页的布局需要能够根据不同的分辨率和设备来自动调整,以达到到最佳显示效果.接下来会展示如何运用HTML5和CSS3来设计一个自适应网页. 效果预览代码下载 先看看它的效果 在开始…

目的: 实现一个响应式导航,当屏幕宽度大于700px时,效果如下: 当屏幕宽度小于700px时,导航变成一个小按钮,点击之后有一个菜单慢慢拉下来: 思路: 1.为了之后在菜单上绑定事件,并且不向DOM中添加多余的节点,在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个. 所以我选择了将导航绝对定位. 2.默认导航列表是出现的,当屏幕宽度小于700px时它隐藏,并且设置position,当屏幕宽度大于700px时,它出现.或者,默认导航列表是隐藏的,当屏幕宽度大于700px时它出现在右侧,小于时隐…

Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:  <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />  <link href="css/style.css" rel="stylesheet" type=&…

@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的. 媒体查询包含了一个媒体类型和CSS3规范中描述的包含一个或多个表达式的媒体属性,这些媒体属性会被解析成真或假.如果媒体查询中的媒体类型与文档要展示的设备相符则查询结果为真,并且当媒体查询中的所有表达式为真时,相关的样式表或样式规则就会按照正常的级联规则被应用.即使媒体查询返回假,媒体查询的样式表仍将被下载,只是不会被应用.大多数媒体属性带有“min-”和“max-”前缀,用于表…