对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?1、Meta 之 viewport说到移动平台meta标签,那就不得不说一下v...
                            
                            
                                分类:
移动开发   时间:
2016-01-05 09:42:27   
                                阅读次数:
191
                             
                    
                        
                            
                            
                                (1) (2) (3) (4) 第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开,如果不规范将不会起作用...
                            
                            
                                分类:
移动开发   时间:
2016-01-01 14:57:07   
                                阅读次数:
162
                             
                    
                        
                            
                            
                                移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。 ...
                            
                            
                                分类:
移动开发   时间:
2015-12-24 19:13:51   
                                阅读次数:
149
                             
                    
                        
                            
                            
                                META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,它提供用户不可见的信息,用来提供文档字符集、使用语言、作者等基本信息外,还涉及对关键词和网页等级的设定。对搜素引擎优化有好处。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的...
                            
                            
                                分类:
Web程序   时间:
2015-12-22 23:02:02   
                                阅读次数:
261
                             
                    
                        
                            
                            
                                width - viewport的宽度 height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放Cordo...
                            
                            
                                分类:
移动开发   时间:
2015-12-10 19:02:45   
                                阅读次数:
212
                             
                    
                        
                            
                            
                                使用 viewport meta 标签在手机浏览器上控制布局通过快捷方式打开时全屏显示隐藏状态栏iPhone会将看起来像电话号码的数字添加电话连接,应当关闭
                            
                            
                                分类:
其他好文   时间:
2015-12-03 18:41:19   
                                阅读次数:
118
                             
                    
                        
                            
                            
                                META标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name)。一、http-equiv类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的http-equiv类型有: 1、Content-Type和Content-Langua....
                            
                            
                                分类:
Web程序   时间:
2015-12-02 12:29:42   
                                阅读次数:
195
                             
                    
                        
                            
                            
                                背景介绍由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段...
                            
                            
                                分类:
Web程序   时间:
2015-12-01 12:42:56   
                                阅读次数:
119
                             
                    
                        
                            
                            
                                META相关1. 添加到主屏后的标题(IOS)2. 启用 WebApp 全屏模式(IOS)3. 百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:4. 设置状态栏的背景颜色(IOS)设置状态栏的背景颜色,只有...
                            
                            
                                分类:
移动开发   时间:
2015-11-25 13:27:20   
                                阅读次数:
481
                             
                    
                        
                            
                            
                                最近做了一个项目,客户反映,在360下布局错位,远程调试了一下,发现客户使用的是360的兼容模式,然而我在自己的电脑上测试的时候是正常的(兼容模式也正常);简单研究了一下360的兼容模式,在360的兼容模式下按F12得到下图的调试信息;经过测试,发现是红框处的设置的ie版本太低导致的,主要是文档模式...
                            
                            
                                分类:
Web程序   时间:
2015-11-24 08:39:11   
                                阅读次数:
7692