1、 利用meta标签 Meta标签主要用来描述一个HTML网页文档的属性,如作者、日期时间、网页描述、关键词、页面刷新等,它的Description和Keywords属性,可加入网站的关键字,让网页利于搜索引擎。 <meta name="viewport" content="width=devic ...
分类:
移动开发 时间:
2016-12-22 19:22:12
阅读次数:
340
第一步:meta标签 大多数浏览器将HTML页面放大为宽的视图(viweport)以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。 下面的视图标签告诉浏览器,使用设备的宽度作为视图宽度并禁止初始的缩放。 在<head>标签里加入这个meta标签。 IE8或者更早的浏览器并不支持Media ...
分类:
Web程序 时间:
2016-12-19 18:33:40
阅读次数:
178
1.<meta http-equiv="X-UA-Compatible" content="IE=7" > IE8新增的一个属性(IE8以下浏览器不识别不起作用),用于指定页面的渲染模式。该属性必须定义在head标签内除了title和其他meta标签之外的所有标签之前。 <meta http-equ ...
分类:
Web程序 时间:
2016-12-18 15:10:58
阅读次数:
260
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就 ...
分类:
移动开发 时间:
2016-12-17 16:43:22
阅读次数:
238
常用meta整理 分类 编程技术 常用meta整理 分类 编程技术 < meta > 元素 概要 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 必要属性 属性值描述 c ...
分类:
Web程序 时间:
2016-12-13 18:48:01
阅读次数:
355
引用http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html的方案 下载地址https://github.com/hupan508/lib-flexible 注意点。 1、如果html设置过 meta ,js将使用meta 标签 ...
分类:
移动开发 时间:
2016-12-11 12:22:08
阅读次数:
209
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就 ...
分类:
移动开发 时间:
2016-12-11 07:41:37
阅读次数:
244
一、Meta标签中的format-detection属性及含义 format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置: meta name="format-detecti ...
分类:
Web程序 时间:
2016-12-08 17:34:14
阅读次数:
181
IE的兼容性问题是前端开发人员的老大难问题,不过随着时代的发展,IE6逐渐的被淘汰,现在以及很少有网站兼容IE6了,一般都兼容到IE8,现在我总结了一些IE8的兼容性问题及解决方法。 1.使用meta标签调节浏览器的渲染方式 IE8中有一个“兼容性视图”的概念,当初IE8发布时,相对于IE6/7已经 ...
分类:
其他好文 时间:
2016-12-07 20:23:33
阅读次数:
135
META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看 到类似下面这段html代码: <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> 这就是m ...
分类:
Web程序 时间:
2016-12-07 13:30:13
阅读次数:
319