摘要: 在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型:布局类型 布局实现采用何种方式实现布局设计,也有不同的方式,这里基于页面的实现单位而言,分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。固定布局:以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只... 阅读全文
posted @ 2015-05-12 17:50 甜甜酱 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 一. 允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比 例(initial-sc... 阅读全文
posted @ 2015-05-12 17:48 甜甜酱 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义:如果你完全不了解这个标签的使用需要先百度一下。解 释:content中的“width” 这个width指的是什么... 阅读全文
posted @ 2015-05-12 16:30 甜甜酱 阅读(210) 评论(0) 推荐(0) 编辑
摘要: 第一种方法:第二种方法:第三种方法:第四种方法:第五种方法:第六种方法,也可以把名为uaredirect的文件下载到自己网站上引入;(说明:把uaredirect放在百度中搜下就出现文件具体地址了)文章来自:http://jingyan.baidu.com/article/cdddd41c61823... 阅读全文
posted @ 2015-05-12 15:21 甜甜酱 阅读(315) 评论(0) 推荐(0) 编辑