在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就
                            
                            
                                分类:
移动开发   时间:
2016-03-18 10:48:33   
                                阅读次数:
417
                             
                    
                        
                            
                            
                                <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta
                            
                            
                                分类:
移动开发   时间:
2016-03-17 11:01:27   
                                阅读次数:
262
                             
                    
                        
                            
                            
                                1.设置百分比显示而且是自适应。 2. meta标签设置 ios:正确设置 <meta name="viewport" content="width=device-width;" /> :错误设置 <meta name="viewport" content="width=device-width"
                            
                            
                                分类:
移动开发   时间:
2016-03-11 10:26:56   
                                阅读次数:
329
                             
                    
                        
                            
                            
                                浏览器缓存机制,其实主要就是HTTP协议定义的缓存机制(如: Expires; Cache-control等)。但是也有非HTTP协议定义的缓存机制,如使用HTML Meta 标签,Web开发者可以在HTML页面的<head>节点中加入<meta>标签,代码如下: <META HTTP-EQUIV=
                            
                            
                                分类:
其他好文   时间:
2016-03-10 14:37:40   
                                阅读次数:
176
                             
                    
                        
                            
                            
                                移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-H
                            
                            
                                分类:
移动开发   时间:
2016-03-09 10:49:34   
                                阅读次数:
157
                             
                    
                        
                            
                            
                                format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:meta name="format-detection" content="telephone=no"meta na
                            
                            
                                分类:
Web程序   时间:
2016-02-26 12:15:05   
                                阅读次数:
162
                             
                    
                        
                            
                            
                                meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目 前
                            
                            
                                分类:
Web程序   时间:
2016-02-20 22:47:01   
                                阅读次数:
228
                             
                    
                        
                            
                            
                                Meta标签用于存储web页面上的信息。本质上讲,它是信息数据。他帮助浏览器和搜索引擎更好地知道、理解页面内容。 Web开发者,通过Mata标签设置页面描述、作者或关键字等等。然而,许多meta标签功能,我们大多数人可能不知道。本文为大家整理了5个你可能从未知道的HTNL Meta标签功能。 1、控
                            
                            
                                分类:
Web程序   时间:
2016-02-15 16:18:14   
                                阅读次数:
249
                             
                    
                        
                            
                            
                                Meta标签: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 这个想必大家都知道,当页面在手机上显示时,增加这个meta可以让
                            
                            
                                分类:
移动开发   时间:
2016-01-29 12:00:42   
                                阅读次数:
277
                             
                    
                        
                            
                            
                                format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:metaname="format-detection"content="telephone=no"metaname=...
                            
                            
                                分类:
Web程序   时间:
2016-01-27 10:38:17   
                                阅读次数:
139