穿越火线不能全屏文章列表:

• 1、CF黑边优化工具，轻松解决电脑玩CF时的黑边问题内附一键工具
• 2、春节在即 回顾2016年里CF那些令人拍手叫好的改动
• 3、电视猛降榜 80吋大屏电视竟然跳水1300元
• 4、御姐玫瑰Z2混沌全流程攻略
• 5、SEO优化干货：meta属性详解

CF黑边优化工具，轻松解决电脑玩CF时的黑边问题内附一键工具

嗨喽，大家好呀，我是驱动哥。

因为俺们用户都喜欢玩游戏，所以今天驱动哥讲讲《穿越火线》这款游戏出现黑边的解决办法。

不知道大家有没有遇到过这种情况，打开游戏后，电脑在全屏的时候屏幕两边可能会出现黑色的边边，就是游戏窗口铺不满整个屏幕。

就像下图这样。

遇到这种情况，小则操作“变形”，、大则陷入“崩溃”。SO 今天驱动哥就来教教大家如何通过修改注册表来解决这个问题。

这里强调一下：修改注册表有风险，请在备份后谨慎操作。

下面开始，首先我们可以用快捷键「Win」键 「R」键打开运行窗口。

在其中输入regedit并回车确定打开注册表编辑器。

在注册表编辑器中定位带这个位置：

HKEY_LOCAL_MACHINESYSTEMControlSet001ControlGraphicsDriversConfiguration

然后，右击选择【Configuration】并点击查找。

在弹出的搜索框内输出【scaling】并点击查找下一个。

双击我们搜索到的注册表的选项。

在图弹出的选项表中，将「4」改成「3」，并点击确定。

接下来我们可以继续按F3 搜索下一个，直到Configuration文件夹下都修改完。

最后，退出注册表编辑器并重启电脑，就完成啦。

另外，如果大家有觉得操作比较麻烦的话也不用担心，驱动哥拜托程序员大大直接做了个一键的去黑边的工具，大家可以直接在驱动人生软件里面找到游戏检测工具，即可一键解决黑边问题。

最后说一句：这个方法可能只适合部分情况的电脑，并不是所有电脑遇到黑边问题都能考这个方法解决，大家可以试试，不行的话可以看看公众号中其他的解决方案哦。

春节在即 回顾2016年里CF那些令人拍手叫好的改动

春节在即，我们陪着穿越火线又过了一个年头。一年11个版本，也更新优化了不少东西。各种英雄级啊、挑战精英武器、新挑战、新模式等等。

那在这些更新优化中，有哪些是大家伙拍手叫好的呢？

小编根据自己的体验归纳了在2016年中，那些切身为玩家考虑而更新优化的东西，话不多说一起来看看吧。

人机爆破

在15年的6月25日，人机团队模式初次和大家见面。当时小编也是和大家抱着尝试新鲜的心态去玩了下人机模式，一共有新手推荐到非常困难五个难度。既可以享受连杀的快感，又可以锻炼自己对于爆头线的感觉和反应。

渐渐地，人机模式也成为了除个人团队之外的第三大练枪模式。

光团队模式那不行啊，于是在时隔一年的6月28日，全新的爆破人机登录到了游戏。那段时间，爆破玩家纷纷加入到挑战行列中，揣摩其中的技巧。

时至今日，人机模式虽渐渐淡出了我们的视野，但是不可否认我们离不开这个模式。在鼠标键盘或者游戏出现小问题的时候，我们会创建一个单人人机的房间，来检查检查。小编们也经常一个人开个这样的房间来截图，通过配图来给大家呈现最好的视觉体验。

火线币系统

火线币系统是火线变革第一章其中的一个重要部分，通过签到、日常、活力值、活动可获得许多火线币。用火线币也可以买许多使用道具，AC呀、防化服、生化钩子啊、生化弹匣等等，还有破天斩魔剑等一系列的永久平民神器。

如果小编说，火线币是除CF点之外的第二大游戏货币，这没人反对吧？如果我还说，火线币系统是CF有史以来第一个平民福利系统，这也没人反对吧？嘿嘿，反正小编对于火线币是很喜欢的，大家伙也要感谢平时给自己游戏签到的好哥们。

没有他，你的永久武器就泡汤咯~

新试炼挑战

试炼挑战可以说将挑战模式的难度又提高了一个等级，特别是刚开始打的暗之假面，也是难倒了一拨人。但是越难的挑战、越强的BOSS，大家伙就越喜欢（受虐症233）。

小编作为一个挑战玩家，没事的时候也喜欢叫上战队的兄弟们，打个几局，热血战斗的感觉确实不错。在去年的7月底更新到游戏以来的两个版本，也是受到不少玩家的欢迎。也不知道在新的一年，新挑战会在何时和我们再见面呢。

房间自动开始

在我们日常游戏的时候，可能会遇到房主挂机的情况。对于这类玩家，小编就必须要吐槽吐槽了。你说你开个房就开个房呗，开完又有事不在电脑前，这不浪费其他玩家的时间吗，别人看到了一个房间，进去等你半天不开游戏，真的很烦诶。你有事挂机咱可以理解，那你就不能用一两秒钟把房给退了呀？！这么忙啊？！房主大哥，网费可是很贵的啊，时间就是金钱啊！

不过好在，在火线变革第一章中，官方优化了这个小细节。虽说是小细节，但是方便了很多人，也避免了不少摩擦。这必须点个赞再给个么么哒~，对于长时间在仓库或者商城的房主，这点官方还要继续优化呀。

周免系统

火线改革计划之后的第二章——周免系统，又一个平民福利系统。或许你在周免宝箱中没开到什么星座挑战武器，不过现在的CF谁还没有一两把V呢，其实也就图个乐呵。小编觉得重要的不是结果，还是其中的过程。即使没抽到星座武器什么的，其中还有不少满含回忆的CF点枪械，卸下雷神、火麒麟打一把个人，也是满满的回忆啊。

禁止刷票踢人

正玩的好好的结果因为一些事和对手或者队友吵起来，然后一怒之下对方也不管这场比赛能不能赢，而是选择和你硬杠到底，结果他开始投票踢你，没有成功之后退出房间然后再次进入游戏继续踢你，如果踢不出去，就再次退出游戏然后进入游戏投票踢人，不把你踢出去不罢休，终于在他的不懈努力之下你被投票请出了房间.....

而在11月的新版本中官方继续优化踢人系统，其中就包括：无法退出房间后，再次进入该房间踢人。而这个优化就避免了我们无故被小学生给踢走。

妈妈再也不用担心我被小学生踢了~

团队禁烟闪

团队模式嘛，一个练枪的模式。但在闪光烟雾横飞的地图上，那还咋钢枪呢？冲到对面家里正要来一波刷屏的时候，队友一个闪从家里丢过来，哎哟满屏的白啊。

还有烟雾弹，对于穷逼的我来说，那是啥都看不到啊，一旦死了，都不知道被哪的敌人给干掉的，确实心烦。

不过在11月的版本中，官方也细心的优化这个细节，在创建团队模式房间时，可以选择禁闪烟。既可以在平常游戏钢枪时不被闪光烟雾所影响，又可以在高端局中不被对面压着打。人性化不解释~

优化比赛爆破地图画质

作为职业比赛的地图，相信大多数爆破玩家都比较喜欢玩这些个图。而以前的地图画质稍显陈旧，在11月的新版本中（咋又是11月- -）将这些个地图的画质重新优化了一遍，特别是潜艇和港口，感觉地图灯光的开关被打开了。

或许有一部分玩家不能接受这样的优化，还是喜欢以前的画质。这类玩家可能是比较怀旧，但时代在进步游戏也在进步。地图变亮了，也更方便大家伙钢枪。

只能说利大于弊吧，每个人都是不同的，自己的理解和感受也不同。

仓库优化

在12月的更新中，优化了仓库武器价值的排列，价值越高越排前。小编还记得在贴吧看到好几个帖子，抱怨仓库乱，找枪都找半天。喏，官方有时候还是站在玩家的角度切身考虑的，也大大的方便了我们找枪了嘛。挺好的，再次点个赞~

踢腿狙和谐

踢腿狙，一个被玩家脑洞开发出来的角色BUG。经过了一年，终于在12月份和谐了，一时间多少玩家奔走相告hhh。踢腿狙这个东西，小编我觉得不是一般的恶心，虽说也要靠技术练成的，但这扎扎实实的是一个BUG，不是正儿八经的游戏方式。

在上个月的官方公告中，也补偿了拥有命运级角色的玩家。可以选择替换活动中的任意一把英雄级，不替换可以直接获得一把永久的破天灵蛇。这活动相信不少玩家都知道，并且前段时间英雄级已经发到了仓库。毕竟是否选择替换都是免费的，可以说相当于免费的换购。不得不说，官方在这点上还是挺用心的，方方面面都考虑到了，年度良心活动没毛病。

好了，文章也要结束了，我们嘴上总是抱怨着CF越来越不好，嚷嚷着要退服，可是回过头来看，官方也一直不停地采取更好地优化措施，不知道以上的种种改动，你最赞同哪一个呢？

大家也可以把自己的看法和其他CFer们一起分享，小编这里提前给大家拜年了。

祝大家和小喷子们（毕竟喷了一年也不容易）在新的一年，工作顺利，身体健康，财源滚滚........小编给大家拜拳了，说了这么多，红包呢？

电视猛降榜 80吋大屏电视竟然跳水1300元

【中关村在线电视频道原创】今天是2017年5月15日周一，电视市场有哪些产品降价，有哪些颇具卖点的产品推荐，打算购买电视的读者不妨可以来看看。照例，我们还是先来看看今天值得关注的电视行业新闻。

电视猛降榜 80吋大屏电视跳水1300元

国产电视海外市场LCD电视机销量增长强劲 TCL多媒体科技控股有限公司公布2017年首季度财报，液晶显示（LCD）电视机销售量470万台，同比增长11.9%，中国市场LCD电视机销售量同比下跌7.7%至222万台；海外市场LCD电视机销售量同比增加38.0%至249万台。北美市场LCD电视机销售量同比大幅提升241.2%；新兴市场LCD电视机销售量同比增长29.7%；欧洲市场LCD电视机销售量同比下降43.8%；策略ODM业务LCD电视机销售量较去年同期增长7.4%。

4K超高清电视报价今日推荐机型→LG 55UH7500-CA

LG 55UH7500-CA智能电视

LG 55UH7500-CA是一款55英寸4K超高清电视，这款电视IPS硬屏设计，有着178度广视角，多角度观看电视画面不失真。HDR高动态范围图像以及LG臻广色域技术的加入，让电视色彩表现更丰富，明暗处细节表现也更好。目前在电商国美在线中，报价为5999元，性价比不错值得入手。

webOS3.0智能系统

这款LG电视支持局域控光技术，可以把屏幕划分为多个区域，独立调节每个区域的亮度，让用户观看到更为深邃的画面表现。背光可调控功能，还实现了节能省电的目的。webOS3.0智能系统，功能丰富，满足全家不同用户的使用需求。更多4K超高清电视报价请看下表：

■ 32英寸液晶电视报价

今日推荐机型→酷开K32青春版

酷开K32青春版

酷开K32青春版是一款32英寸智能电视，这款电视内置了酷开5.0智能系统，可以实现秒速开机和快速响应。电视使用了A17高性能处理器，确保了系统可以高速稳定运行。电视不仅带有正版视频平台，可以观看视频，还可以实现玩游戏、教育等多种功能。目前在京东商城中，这款电视报价仅为1199元，。

多种智能应用支持

这款酷开K32电视带有影视中心、游戏中心以及酷开应用圈等内容，可以满足用户观看在线视频、畅玩游戏以及安装应用等多种需求，十分人性化。在接口方面，也是非常齐全，包括HDMI、USB2.0、AV音视频等等接口都有配备。更多32英寸液晶电视报价请看下表：

■ 39英寸液晶电视报价

今日推荐机型→海尔39A3

点击进入京东商城购买

海尔39A3是一款39英寸蓝光高清电视，这款电视有着时尚的外观设计，电视支持数字降噪技术，让电视信号表现更为清晰。蓝光高清解码功能，可以实现优盘播放功能，方便了用户的使用。目前在京东商城中，报价为1599元，感兴趣的读者可以。

齐全的各类接口

这款海尔电视在音质方面也有不错的表现，具有环绕立体声系统，标准、电影、音乐和剧场模式，满足不同场景的使用需求。在节能环保方面，整机功耗仅为74W，节能省电效果不错。更多39英寸液晶电视报价请看下表：

39英寸液晶电视报价

品牌

型号

特色技术卖点

LG

39LB5620-CA

39LN5100-CC

三星

UA39F5090BJ

UA39F5088AR

UA39F5008AR

海信

LED39EC110JD

LED39K20D

LED39EC630JD

TCL

康佳

LED39E330C

LED39E230NE

长虹

海尔

乐视

超级电视S40

联想

39A3

39A21Y

熊猫

LE39F88S

LE39D71

东芝

39L2303C

飞利浦

39PHF5459/T3

39PHF5092/T3

酷开

39E5CHR

■ 40英寸-43英寸液晶电视报价

今日推荐机型→康佳LED40S1

点击进入京东商城购买

康佳LED40S1是一款40英寸全高清电视，这款电视采用了64位高性能处理器，带有易柚5.0智能系统。为了提高画质，还具有真彩色轮引擎技术。电视还内置了腾讯视频点播平台，为用户提供了丰富的在线视频节目内容。目前在京东商城中，报价为1999元，感兴趣的读者可以。

海量正版视频资源

这款康佳电视采用了三星屏幕，画质清晰自然，还支持HDR技术，可以很好的解决黑场、暗场、强光和逆光等问题，让画面细节表现更好。电视内置了优酷视频点播平台，这里有着丰富的在线影视节目可以免费观看，十分人性化。更多40-43英寸液晶电视报价请看下表：

■ 48英寸-49英寸液晶电视报价

今日推荐机型→三星UA49KC20SA

点击进入京东商城购买

三星UA49KC20SA是一款京东商城中热销的49英寸大屏电视，这款电视采用了流行的曲面屏设计，符合人眼视觉习惯，观影效果更好。这款有着先进的画质增强运算方法，可以提升色彩表现，让画质更好。另外，还支持智能观看等功能。目前在京东商城中，这款电视报价为3299元，感兴趣的读者可以。

内置华数TV正版视频点播平台

这款三星电视为例满足用户的观影需求，内置了华数TV正版视频点播平台，这里提供了丰富的在线视频可以随时观看，综艺、体育、电影、电视剧等节目一应俱全。另外，还支持三星智能观看，可以让用户的电视上播放移动设备和电脑中存储的多媒体内容。更多48-49英寸液晶电视报价请看下表：

48英寸液晶电视报价

UA48J50SWAJ

UA48KF21EA

L48P1S-CF

D48A710

D48A810

LED48EC290N

LED48EC510N

LED48T1A

48S1

LED48C2080i

LED48U60

A48F

48E5CHR

LE48K50S

48K5

小米

小米电视3S

索尼

KDL-48W656D

KDL-48WM15B

48A21Y

48PFF5071/T3

48L2600C

■ 50英寸-55英寸液晶电视报价

今日推荐机型→TCL D55A710

点击进入京东商城购买

TCL D55A710是一款55英寸大屏电视，这款电视的最大的特点就是有着丰富的在线视频节目资源，超过40万小时的影视节目可以随时观看。电视采用了八核心高性能处理器，配合安卓智能系统，还可以实现微信互联等功能。目前在京东商城中，这款电视报价为2999元，感兴趣的读者可以。

丰富的智能功能

这款TCL电视每天都会更新超过2000小时以上的内容，内容覆盖了电视剧、电影、综艺娱乐等各种节目内容。另外，还搭载了乐学方舟教育平台，满足不同领域的教育需求。ATET游戏大厅，则精选了各种大型、益智和休闲的游戏内容。更多50-55英寸液晶电视报价请看下表：

■ 60英寸-80英寸液晶电视报价

今日降价机型→夏普LCD-80X7000A

夏普LCD-80X7000A电视骤降1300元

夏普LCD-80X7000A是一款80英寸大屏电视，这款电视采用了日本原装进口的X超晶面板，画质表现出色。电视使用了双WiFi天线设计，可以实现双发双收，成倍提升传输速度。电视还支持视频在线点播功能，方便用户观看视频。目前在电商一号店中，从25699元降至24399元，降幅达到了1300元。准备入手超大屏电视的用户不妨可以考虑。

齐全的正版视频资源

这款夏普电视使用了安卓智能系统，电视采用了全新的UI设计，功能上十分丰富。用户可以通过内置的百视通视频点播平台观看到丰富的在线视频节目，无论是电视剧、电影、综艺娱乐节目，都可以在平台中免费观看。更多60-80英寸液晶电视报价请看下表：

家电频道自己的官方服务号上线啦，购买问题不用愁、投诉产品不用愁、各类新品抢先看，就在"生活e术家"关注家电我们是认真的，请扫描下方二维码或搜索官方微信"生活e术家"

御姐玫瑰Z2混沌全流程攻略

《御姐玫瑰Z2混沌》PC版是移植PS4版《御姐玫瑰Z2混沌》，可想而知大致内容是不会变的，不知道给位玩家在打PC版的时候有没有遇到困难呢？下面小编分享一篇《御姐玫瑰Z2混沌》全流程攻略，一起看看吧。

第一关

就是这四个妹子在搞百合，可以不理，反正这里的AI高的要命，而你对招式又不熟悉。

操作

方块轻攻击，三角重攻击，圆圈分人不一样，例如有一个人开头根本不能用圆圈。（话说那个妹子叫什么来着？吸血族拿太刀的那个。）X键则是跳跃，方向键 X键是冲刺，这个要用好，本作里用来闪避相当不错。同时也可以作为连招的发起，我后面会提到。

第二关

跳过对话。（我日语白痴，所以不用担心剧透）首先是神乐和沙爷的那一队，战斗难度不高，不过需要注意一点：武器在攻击的过程中会有血不断的混进武器，导致武器攻击力减弱，可以按L1把武器里面的血给甩出来。

角色随着身上的血越来越多会变成觉醒状态，攻击力会提升，值得一提的是，觉醒时会发动一种范围攻击，建议大家控制好角色栏位附近的那个红跳（角色周围是银边，红条就是指随着血液的增加银边会慢慢变红，当全部变红的时候就是觉醒了。）在人满的地方放一个红条可以省下不少精力。

这一关基本上就是往前冲，神挡杀神罢了，不过注意杂兵的两种进攻方式：第一个是跳跃起来攻击，这个可以用三角在空中接住，另一个是拿着枪的杂兵应该优先解决，谁也不想挨枪子不是吗？

神乐的武器主要是两种，双刀和两把。小刀。

双刀负责主要攻击，小刀则是类似于回旋手里剑一类的，按圈可以扔出去。

打法的话，可以试试方块三角合成的上挑然后空中连招，不过个人更建议一个方向键加X冲过去，这样敌人会被撞到一起，然后开始狂砍就可以了。

一直到关底，BOSS是一群。杂兵。类似于鬼泣4里面的鱼吧，就是那种一直在地底下游来游去的那种。

打法有两种，一种是跑到刀刃的背面砍，这样可以把它拉出来。另一种么，就是用冲撞（即方向加X）等它从地底出来之后砍掉。

后面会触发剧情（就是两个妹子百合然后其中一个就觉醒了。我口味略重）

操作方面感觉在动作制作上照忍龙那一类应该说肯定是赶不上，不过比火影和无双系列还是好很多的。玩动作（从某种意义上来说的确是动作。）游戏的人来说，本作不会让你失望，不过也不会给你什么惊喜。（毕竟是卖肉的游戏么。）补充一点，小队是按照上下左右键进行切换人物的。不过如果你是觉醒的状态的话，切换之后觉醒会消失，哪怕你再把人物切回来也是一样，这里在第四关一定要注意。

第三关

另外两个吸血族的妹子。（我我才不会承认我是因为妹子才买的呢。）武器变成了死种：拳套，电锯，流星锤以及太刀。

关卡的位置是血池里，反正会各种刷新杂兵。

这里就是之前说操作不同的了。拿太刀的妹子方块键因武器而异，而三角键则一定是拳套。没有圆圈键。

而另一个拿电锯的妹子则还是一般的路线，不过按圆圈则一定是流星锤。

这里打法还是跟之前差不多。不过注意，这里会出现新型杂兵，特征是身上的加特林机枪，血厚防高还能射击，建议用太刀优先解决。

太刀主要推荐两招：一个是冲撞接砍的，另一个则是空中三角的急降斩，威力都不错，尤其是后者。

拳套就不用我多说了吧，玩过鬼泣的都懂。

至于电锯我说一下：电锯是本作速度最慢的武器，他的优点只有一个就是多段攻击，电锯的三角键是重劈，劈到杂兵时会触发多段攻击，随着玩家按三角，就会出现连击显示，直到把杂兵劈飞或者劈成两半位置。

流星锤的特点是地面攻击，这对付特别的敌人很好用。

这一关最后会出现一种新型敌人，长得类似与美杜莎，特点则是一直趴在地上，所以只吃低段攻击。个人建议两种打法：一个是太刀的急降斩，一直放，另一种则是切人然后用流星锤狂砸，难度不高，不过人太多，如果用一般打法很容易挂掉。

第四关

和第一关差不多吧，就是一路砍过去，不过注意一点：这里会出现新型敌人，特点是平时刀枪不入，只有满红条爆觉醒才能对它造成伤害。打法有两种，第一种是不管它（它的行动速度相当慢）直接砍后面，等到红条满了在回去搞定，另一种则是用电锯的多段伤害。打法是先分离出一个来，然后一直用电锯的三角连击。这样会让红条飞快的涨起来。然后就可以砍瓜切菜啦。另外就是狼人，只是体形稍微大了那么一点罢了。这里补充一下目前出现的杂兵，首先僵尸分三种，什么都没有的，拿枪的和拿加特林的，血量依次递增。带翅膀的吸血女妖和蝙蝠女妖，血量递增，趴在地面的美杜莎，只吃低段攻击，狼人，特点是目标大，血量较高。木乃伊，觉醒之外刀枪不入。

BOSS：巨人。其实这个BOSS真的是巨人吗？大小。参考CF里面的泰坦。再小一圈就可以了。不过注意这里的QTE是用触摸板完成的，新手有点不习惯。

第五关

本关一开始就是BOSS战，BOSS就是一开始那个拿着狼牙棒的（妹子？）和一条狗（不要想歪了！！！）

一开始是妹子带着一群杂兵过来。这里建议先用冲撞躲开妹子的攻击先清杂兵。

妹子有两招需要注意躲开。一招是冲撞连招。另一个是原地大旋风。打到很疼，尤其是后面那招，虽然有一定的起手，不过时间并不长。不熟悉的玩家建议切换队伍过去。（被切走的人物会一直在后面回血。这样可以慢慢的磨死）她的攻击后有一定的硬直，可以过去砍，不过这也是恶心的地方，硬直之后如果你在旁边的话就是直接一个起手原地大旋风。躲不开就是半管血不见了。那就只好切人了。（注意，一个人死亡不会结束，结束状态是4个人全死掉，如果死了一个后面会有另一个补充的。）这里不建议大家一起上（长按R2可以把4个人都召唤出来。）

然后妹子退走，召唤出一条一人多高的狗狗。（不要想歪了，我再重复一遍！）这个时候就可以把人都招出来了。打法是空中冲撞然后猛砍就是了。（狗狗低段攻击较多，对空反而弱势，同时你有队友帮你吸引仇恨。）几轮就搞定。

第六关

自由战斗章节之日本

这一章特别简单，就是前面狂砍小兵，开门之后去打BOSS。不过注意，小兵是无限刷的，可是试着把四位主角的红条打满。后面有个女神像，有兴趣的可以去买点武器或者饰品什么的。

BOSS：巨像。

这个BOSS可以说是最简单的BOSS了——前提是你不站在地上打。打法还是一样，先清小怪，然后用空中冲撞接近BOSS然后开打。一套空中方块连招可以带走七分之一左右的血量，第一阶段很容易就磨死他。而地面战个人不建议，BOSS的地面抓取和砸地都不是盖得，更何况还有小怪的骚扰。

之后发生剧情，BOSS。（这货到底是什么变得？切成两段继续开打啊。）被切成两段，分别是上半身和下半身（仔细一看下半身。什么也没有嘛）

这个阶段BOSS会满图乱跑，个人建议依然是空中冲撞追上然后狂砍。地面的话。BOSS这次的震地频繁了许多，会造成很大的硬直，所以只能在空中打了。依然是先搞定上半身，下半身因为会跳来跳去，后面搞定。

开启QTE，两个BOSS全部被切成两半。

自由战斗章节之中国

这一章开始多了一种僵尸：各位看过鬼片的都懂。

它的攻击主要有这两种：一种是拿爪子挠你，这种伤害不高，而且好闪，就不多说了。主要是第二种恶心，跳到空中然后向下发动的战争践踏？（反正差不多，砸地，范围中等）你问为什么恶心？可以想象一下十几只僵尸从头到尾践踏的场景吗？根本没法还手。

所以这一章依然是空中冲撞接狂砍的猥琐路线，用急降斩落地然后砍两刀继续跳起来。

玩到这里可以考虑给各位主角们买点饰品和换换武器了。目前我神乐的技能已经点满。（轮回斩2段和空中轮回斩相当实用。）

根据剧情提示一路上砍到BOSS。

BOSS：阎罗王

这个BOSS会招怪，所以不要理小怪一路浮空冲撞追着BOSS砍就行了。虽然中间小怪会跳起来阻碍你，可是你空中的轮回大天升完全可以把跳起来的小怪连同BOSS一起砍掉。

不过注意：这个BOSS会一招对空中怪物有判定的。看他法杖举高就要立刻空中回避，虽然伤害不太高，可是把你打到地面上的话。地面上可是有一大批小怪等着呢。

个人打法是空中冲撞接方块接双刀轮回大天升，几套下来就可以搞定了。

自由战斗章节之沙漠

这一关必须靠提示的箭头了，注意跟好，同时随时保持自己队伍 的四个人里面有一个人有一管红条。

红条在这里是非常必要的，这个图那种不爆气就不能造成伤害的怪物太多了，个人建议用神乐和电锯女，一个是清兵红条增长的快，另一个则是电锯连击提升红条速度快。

最后跳下一个沙坑，开始BOSS战。

BOSS：沙蜘蛛

BOSS有三个形态，第一形态可以用地面战，重点砍他四只脚，顺便把周围的小兵清掉，这个形态下BOSS空战的打断太厉害，容易被打回原形，可以把队友召唤出来迅速搞定。

第二形态为BOSS断肢后的形态，推荐空战，还是那套老规矩，空中冲撞接一排方块然后双刀轮回大天升，不过还是要注意BOSS的两只金色爪子。一旦抬起来立刻闪避，不然还是会打到地面上。而且伤害很高。

第三形态空战和地面战都不推荐，BOSS主要的技能是原地转圈，不论空中还是地面都会被弹开，个人建议。反正BOSS这个时候血量不多了，直接切神乐的圆圈扔回旋手里剑搞定就OK了。

自由战斗章节之玛雅

这关的蝙蝠增加了一个冲撞技能，略恶心，在砍怪的时候要注意周围的动静，不然极易被打断。一路砍过去就是小BOSS战

小BOSS：蝙蝠龙，BOSS依然是3个形态。

第一形态是翅膀左右全在的形态，BOSS会飞天和落地，常理说飞天的时候应该用空战解决。那你就悲剧了。BOSS的飞天形态应该用地面战砍小兵同时躲避BOSS发射的导弹。等到BOSS落地后你再跳起用空战打BOSS的上半身，很快就会触发QTE进入第二形态。

第二形态是翅膀掉了半边，这个形态的BOSS是最好打的，无论是空战还是地面战都可以造成不错的伤害。个人建议按照第一形态的打法迅速解决并触发QTE进入第三形态。

第三形态是两边的翅膀都掉了，这个形态下BOSS反倒变得牛起来。增加了一招冲撞，距离长范围大，非常恶心。个人建议地面战，看情况不好直接闪避走人。

结束这场BOSS战后就是继续一路砍，不过注意长城上面，虽然不能掉下来，不过敌人十分密集，同时种类繁多，尤其是爬在地面的美杜莎样子的家伙，经常打断你的攻击，个人建议换上电锯女，用圆圈的锤子一路砸过去。然后找个有红条的主角爆气把剩下的金身怪连同之前的漏网之鱼砍掉。然后迅速跑到高台上开始BOSS战。

BOSS：飞天异形

大概就是这个感觉吧，前期躲着BOSS刷掉小怪清场。然后开始空战，要注意BOSS的斧子和头，就算在空中前者会挥你，而后者则会喷火。重点打后背和翅膀部分。覆盖范围大，伤害也可以。

直到第一形态触发QTE为止。

触发QTE，打掉BOSS的翅膀。进入第二形态。

这个形态可以说是最难的形态，地面战的话有小怪的干扰（小怪会适当的刷出来，不过前期不清怪的话很难分离BOSS单独打）空战的话要正面面对BOSS的头部和斧子。注意空中闪避吧。

触发QTE，进入第三形态。

这个形态BOSS就一个脑袋在地面跑来跑去。（有点吓人）小心它的两招：一招是冲撞，另一招则是原地旋转喷火，个人建议。顶着伤害爆气砍他！用远程的话跑来跑去，用近战的话它原地喷火，所幸BOSS血量已经不多，可以直接搞定。

自由关卡战斗章节之洛杉矶

开场就是一群杂兵和BOSS的战斗，BOSS还是之前的巨人，这里讲过打法，也就不再多说了。这种小BOSS在后面会成为常客的，大家习惯就好。

沙滩上会有一场BOSS战，BOSS是一对姐妹，一个拿铁球，另一个用爪子。建议先解决用爪子的那个。仍然是用冲撞接近然后开砍。这里推荐两种打法：

第一种是用太刀，或者女主那个像奎爷一样的链刃一类的武器配合主角往外扔的飞镖跟她拼攻击距离 ，这种打法难度略高，毕竟你要追着她，远了打不到，近了挨打。

另一种是干脆换上拳套跟她拼攻击速度，同时活用闪避磨血。这种打法对操作要求比较高。个人打法是前面那种，用链刃抽死。

然后铁球女的打法就简单的多了，看准时机闪避躲过铁球然后一套打过去就是。

仍然是一路砍瓜切菜，最后走楼梯来到屋顶打BOSS，还是之前的那个狼牙棒妹子。

打法的话。我在前面讲过了。打败之后触发剧情进入后面关卡。

至此，除最终BOSS之外所有BOSS全部打完。

第七关

场景是一个类似于鬼泣3的塔楼里面，需要一次一次的刷兵才行。之前的BOSS会不时的穿插进来。

刷完第一层之后会出现一个小BOSS，可以看成是之前玛雅那个BOSS的缩略版，打法也差不多，不过没有第三形态。仍然建议空战，这个BOSS全屏范围的砸地太多。

SEO优化干货：meta属性详解

meta是HTML语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果。

Meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等。

name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有搜索引擎都使用网上机器人自动查找meta值来给网页分类）。

这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词）。

meta 的属性有两种：name和http- equiv。

1、name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：

<meta name="参数"content="具体的参数值">。

其中name属性主要有以下几种参数：　

A、Keywords(关键字)　

说明：keywords用来告诉搜索引擎你网页的关键字是什么。

举例：<meta name="keywords" content="今日头条，头条，头条网，头条新闻，今日头条官网">

B、description(网站内容描述)

说明：description用来告诉搜索引擎你的网站主要内容。

举例：<meta name="description" content="今日头条是一个通用信息平台，致力于连接人与信息，让优质丰富的信息得到高效精准的分发，促使信息创造价值。">

C、robots(机器人向导)

说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

content得参数有all,none,index,noindex,follow,nofollow。默认是all。

举例：<meta name="robots"content="none">

具体参数如下：

信息参数为all：文件将被检索，且页面上的链接可以被查询；

信息参数为none：文件将不被检索，且页面上的链接不可以被查询；

信息参数为index：文件将被检索；

信息参数为follow：页面上的链接可以被查询；

信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；

信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；

D、author(作者)

说明：标注网页的作者

举例：<meta name="author"content="root,root@xxxx.com">

E、generator

<meta name="generator"content="信息参数"/>

meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。

F、COPYRIGHT

<META NAME="COPYRIGHT"CONTENT="信息参数">

meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。

G、revisit-after

<META name="revisit-after"CONTENT="7days">

revisit-after代表网站重访,7days代表7天，依此类推。

2、http-equiv属性

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

meta标签的http-equiv属性语法格式是：<meta http-equiv="参数"content="参数变量值">；

其中http-equiv属性主要有以下几种参数：

A、Expires(期限)

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

用法：<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">

注意：必须使用GMT的时间格式。

B、Pragma(cache模式)

说明：禁止浏览器从本地计算机的缓存中访问页面内容。

用法：<meta http-equiv="Pragma"content="no-cache">

注意：这样设定，访问者将无法脱机浏览。

C、Refresh(刷新)

说明：自动刷新并指向新页面。

用法：<meta http-equiv="Refresh"content="2;URL=http://www.toutiao.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)

注意：其中的2是指停留2秒钟后自动刷新到URL网址。

D、Set-Cookie(cookie设定)

说明：如果网页过期，那么存盘的cookie将被删除。

用法：<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">

注意：必须使用GMT的时间格式。

E、Window-target(显示窗口的设定)

说明：强制页面在当前窗口以独立页面显示。

用法：<meta http-equiv="Window-target"content="_top">

注意：用来防止别人在框架里调用自己的页面。

F、content-Type(显示字符集的设定)

说明：设定页面使用的字符集。

用法：<meta http-equiv="content-Type"content="text/html;charset=gb2312">

具体如下：

meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；

meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；

meta标签的charset的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；

meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；

meta标签的charset的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；

meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；

G、content-Language（显示语言的设定）

用法：<meta http-equiv="Content-Language"content="zh-cn"/>

H、Cache-Control指定请求和响应遵循的缓存机制。

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on

ly-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意地发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接受生存期不大于指定时间（以秒为单位）的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。

J、http-equiv="imagetoolbar"

<meta http-equiv="imagetoolbar"content="false"/>

指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。

K、Content-Script-Type

<Meta http-equiv="Content-Script-Type"Content="text/JAVAscript">

W3C网页规范，指明页面中脚本的类型。

什么是Viewport

手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。

Viewport 基础

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。

height：和 width 相对应，指定高度。

initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。

maximum-scale：允许用户缩放到的最大比例。

minimum-scale：允许用户缩放到的最小比例。

user-scalable：用户是否可以手动缩放

< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如IE6），以此来解决部分兼容问题，例如模拟IE7的具体方式如下：

< meta http-equiv = "X-UA-Compatible" content ="IE=EmulateIE7" />

但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模拟chrome了？

迅速搜索了一下，才明白原来不是微软增强了IE，而是谷歌做了个外挂：Google ChromeFrame（谷歌内嵌浏览器框架GCF）。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是GoogleChrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器，谷歌这个墙角挖的真给力！

而上文提到的那个meta标记，则是在是安装了GCF后，用来指定页面使用chrome内核来渲染。

安装完成后,如果你想对某个页面使用GCF进行渲染，只需要在该页面的地址前加上 gcf： 即可，例如：gcf:http://toutiao.com

但是如果想要在开发时指定页面默认首先使用GCF进行渲染，如果未安装GCF再使用IE内核进行渲染，该如何进行呢？

就是使用这个标记。

标记用法：

下面来简单讲解一下这个标记的语法。

1.最基本的用法：在页面的头部加入

<meta http-equiv = "X-UA-Compatible" content = "chrome=1" >

用以声明当前页面用chrome内核来渲染。

复杂一些的就是本文一开始看到的用法：

<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

这样写可以达到的效果是如果安装了GCF，则使用GCF来渲染页面，如果为安装GCF，则使用最高版本的IE内核进行渲染。

2.通过修改HTTP头文件的方法来实现让指定的页面使用GCF内核进行渲染：

在HTTP的头文件中加入以下信息：X-UA-Compatible: chrome=1

在Apache服务器中，确保 mod_Headers 和mod_setenvif文件可用，然后在httpd.conf中加入以下配置信息：

< IfModule mod_setenvif.c>

< IfModule mod_headers.c>

BrowserMatch chromeframe gcf

Header append X-UA-Compatible "chrome=1" env=gcf

</ IfModule >

</ IfModule >

在IIS7或者更高版本的服务器中，只需要修改web.config文件,添加如下信息即可即可:

< configuration >

< system.webServer >

< httpProtocol >

< customHeaders >

< add name = "X-UA-Compatible" value = "chrome=1" />

</ customHeaders >

</ httpProtocol >

</ system.webServer >

</ configuration >

移动平台的meta标签

1、Meta 之 viewport

说到移动平台meta标签，那就不得不说一下viewport了，那么什么是viewport呢？

viewport即可视区域，对于桌面浏览器而言，viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。

对于传统WEB页面来说，980的宽度在iphone上显示是很正常的，也是满屏的，但对于webapp而言，可能就有点问题了，在iphone上我们的webapp在竖屏下通常宽度都是320，这时我们320页面在iphone上显示成啥效果呢？有人可能认为iPhone不是320的宽度莫，感觉应该是满屏的吧，事实呢？我们来看一下如下布局在iPhone上的显示情况。

<html>

<head>

<meta charset="utf-8">

<title>Meta Viewport</title>

<style type="text/css">

div,body{

padding:0;

margin:0;

}

body{

padding-top:100px;

color:#fff;

}

div{

width:320px;

height:100px;

margin:0 auto;

background:#000;

text-align:center;

font:30px/100px Arial;

}

</style>

</head>

<body>

<div>

AppUE

</div>

</body>

</html>

在iPhone上显示如图：

因此我们必须改变viewport，我们就有如下几种属性值可以设置：

width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ）

height: viewport 的高度 （范围从 223 到 10,000 ）

initial-scale: 初始的缩放比例 （范围从>0到 10 ）

minimum-scale: 允许用户缩放到的最小比例

maximum-scale: 允许用户缩放到的最大比例

user-scalable: 用户是否可以手动缩放

对于这些属性，我们可以设置其中的一个或者多个，并不需要你同时都设置，iPhone 会根据你设置的属性自动推算其他属性值，而非直接采用默认值。

如果你把initial-scale=1 ，那么 width 和 height在竖屏时自动为320*356 （不是320*480因为地址栏等都占据空间 ），横屏时自动为 480*208。类似地 ，如果你仅仅设置了 width，就会自动推算出initial-scale 以及height。例如你设置了 width=320 ，竖屏时 initial-scale就是 1 ，横屏时则变成 1.5 了。 那么到底这些设置如何让 Safari 知道 ？其实很简单 ，就一个 meta ，形如：

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

设置了meat后我们页面将如此呈现了：

好了，我们就可以按全屏来布局我们的页面了，不用再担心页面显示的很小了！

2、Meta 之 format-detection

<meta name=”format-detection” content=”telephone=no”/>

你明明写的一串数字没加链接样式，而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！想去掉这个拨号链接该如何操作呢？这时我们的meta又该大显神通了，代码如下：

telephone=no 就禁止了把数字转化为拨号链接！

telephone=yes 就开启了把数字转化为拨号链接，要开启转化功能，这个meta就不用写了,在默认是情况下就是开启！

3、Meta 之 apple-mobile-web-app-capable

<meta name=”apple-mobile-web-app-capable”content=”yes” />

这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。

加了该meta的情况：

4、Meta 之 apple-mobile-web-app-status-bar-style

<meta name=”apple-mobile-web-app-status-bar-style”content=”default” />

<meta name=”apple-mobile-web-app-status-bar-style”content=”black” />

<meta name=”apple-mobile-web-app-status-bar-style”content=”black-translucent” />

作用是控制状态栏显示样式

status-bar-style:black

status-bar-style:black-translucent

WebApp是一种新出现的基于WEB形式的类应用程序，运行在高端的移动终端设备上，其应用范围会越来越广。

开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。

Webapp说白了就是一个针对Iphone、Android优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP、ASP。

当然，因为这些高端智能手机（Iphone、Android）的内置浏览器都是基于webkit内核的，所以在开发WEBAPP时，多数都是使用 HTML5和CSS3技术做UI布局。当使用HTML5和CSS3l做UI时，若还是遵循着一般web开发中使用HTML4和CSS2那样的开发方式的 话，这也就失去了WEBAPP的本质意义了，且有些效果也无法实现的，所以在此又回到了我们的主题–webapp的布局方式和技术。

在此所说的移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发 Wap 2.0。

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用

1 <meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;” name=”viewport” />

2 <meta content=”yes” name=”apple-mobile-web-app-capable” />

3 <meta content=”black” name=”apple-mobile-web-app-status-bar-style” />

4 <meta content=”telephone=no,email=no” name=”format-detection” />

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。

（注意：据说HTC G7自身系统浏览器不支持这一条规则，能对页面进行放大，一旦放大导致页面布局错乱，解决方法：定义页面的最小宽度 min-width，body{min-width: 300px;}）

iOS 7.1的Safari为meta标签新增minimal-ui属性，在网页加载时隐藏地址栏与导航栏。<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />

第二个meta标签是ios设备(不只iphone)中的safari私有meta标签，它表示：允许全屏模式浏览，开启对Web Aapp程序的支持。；

第三个meta标签也是ios系统的私有标签，它指定在web app状态下，ios设备中顶端的状态条的颜色； 默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）。若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。

第四个meta标签表示：使设备浏览网页时对数字不启用电话功能（不同设备解释不同，itouch点击数字为存入联系人，iphone为拨打电话），忽略将页面中的数字识别为电话号码。

若需要启用电话功能将telephone=yes即可，具体调用格式可以这样书写代码<a href=”13800138000″>Call Me</a>，若在页面上面有google maps, iTunes和youtube的链接会在ios设备上打开相应的程序组件。

2、HTML5标签的使用

在开始编写webapp时，哥建议前端工程师使用HTML5，而放弃HTML4，因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序 的体验，可以减少开发者很多的工作量，当然了你决定使用HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。比如定义一块内容或文章的区域 可使用section标签，定义导航条或选项卡可以直接使用nav标签等等。

3、放弃CSS float属性

在项目开发过程中可以会遇到内容排列排列显示的布局(见下图)，假如你遇见这样的视觉稿，哥建议你放弃float，可以直接使用display:block;

4、利用CSS3边框背景属性

这个按钮有圆角效果，有内发光效果还有高光效果，这样的按钮使用CSS3写是无法写出来的，当然圆角可以使用CSS3来写，但高光和内发光却无法使用 CSS3编写，这个时候你不妨使用-webkit-border-image来定义这个按钮的样式。-webkit-border-image就个很复杂 的样式属性。

5、块级化a标签

请保证将每条数据都放在一个a标签中，为何这样做？因为在触控手机上，为提升用户体验，尽可能地保证用户的可点击区域较大。

6、自适应布局模式

在编写CSS时，我不建议前端工程师把容器（不管是外层容器还是内层）的宽度定死。为达到适配各种手持设备，我建议前端工程师使用自适应布局模式（支付宝 采用了自适应布局模式），因为这样做可以让你的页面在ipad、itouch、ipod、iphone、android、web safarik、 chrome都能够正常地显示，你无需再次考虑设备的分辨率。

7、学会使用webkit-box

了解了自适应布局模式，有些同学可能还会问：如何在移动设备上做到完全自适应呢？很感谢webkit为display属性提供了一个webkit-box的值，它可以帮助前端工程师做到盒子模型灵活控制。

8、如何去除Android平台中对邮箱地址的识别

看过iOS webapp API的同学都知道iOS提供了一个meta标签:用于禁用iOS对页面中电话号码的自动识别。在iOS中是不自动识别邮件地 址的，但在Android平台，它会自动检测邮件地址，当用户touch到这个邮件地址时，Android会弹出一个框提示用户发送邮件，如果你不想 Android自动识别页面中的邮件地址，你不妨加上这样一句meta标签在head中 1 <meta content=”email=no” name=”format-detection” />

9、如何去除iOS和Android中的输入URL的控件条

你的老板或者PD或者交互设计师可能会要求你：能否让我们的webapp更加像nativeapp，我不想让用户看见那个输入url的控件条？

答案是可以做到的。我们可以利用一句简单的javascript代码来实现这个效果

1 setTimeout(scrollTo,0,0,0);

请注意，这句代码必须放在window.onload里才能够正常地工作，而且你的当前文档的内容高度必须是高于窗口的高度时，这句代码才能有效的执行。

10、如何禁止用户旋转设备

我曾经也想禁止用户旋转设备，也想实现像某些客户端那样：只能在肖像模式或景观模式下才能正常运行。但现在我可以很负责任的告诉你：别想了!在移动版的webkit中做不到！

至少Apple webapp API已经说到了：我们为了让用户在safari中正常的浏览网页，我们必须保证用户的设备处于任何一个方位 时，safari都能够正常的显示网页内容（也就是自适应），所以我们禁止开发者阻止浏览器的orientationchange事件，看来苹果公司的出 发点是正确的，苹果确实不是一般的苹果。

iOS已经禁止开发者阻止orientationchange事件，那Android呢？对不起，我没有找到任何资料说Android禁止开发者阻止浏览器orientationchange事件，但是在Android平台，确实也是阻止不了的。

11、如何检测用户是通过主屏启动你的webapp

看过Apple webapp API的同学都知道iOS为safari提供了一个将当前页面添加主屏的功能，按下 iphoneipodipod touch底部工具中的小加号，或者ipad顶部左侧的小加号，就可以将当前的页面添加到设备的主屏，在设备的主屏会自动 增加一个当前页面的启动图标，点击该启动图标就可以快速、便捷的启动你的webapp。从主屏启动的webapp和浏览器访问你的webapp最大的区别 是它清除了浏览器上方和下方的工具条，这样你的webapp就更加像是nativeapp了，还有一个区别是window对像中的navigator子对 象的一个standalone属性。iOS中浏览器直接访问站点时，navigator.standalone为false,从主屏启动webapp 时，navigator.standalone为true， 我们可以通过navigator.standalone这个属性获知用户当前是否是从主屏访 问我们的webapp的。在Android中从来没有添加到主屏这回事！

12、如何关闭iOS中键盘自动大写

我们知道在iOS中，当虚拟键盘弹出时，默认情况下键盘是开启首字母大写的功能的，根据某些业务场景，可能我们需要关闭这个功能，移动版本webkit为 input元素提供了autocapitalize属性，通过指定autocapitalize=”off”来关闭键盘默认首字母大写。

13、iOS中如何彻底禁止用户在新窗口打开页面

有时我们可能需要禁止用户在新窗口打开页面，我们可以使用a标签的target=”_self“来指定用户在新窗口打开，或者target属性保持空，但 是你会发现iOS的用户在这个链接的上方长按3秒钟后，iOS会弹出一个列表按钮，用户通过这些按钮仍然可以在新窗口打开页面，这样的话，开发者指定的 target属性就失效了，但是可以通过指定当前元素的-webkit-touch-callout样式属性为none来禁止iOS弹出这些按钮。这个技 巧仅适用iOS对于Android平台则无效。

14、iOS中如何禁止用户保存图片＼复制图片

我们在第13条技巧中提到元素的-webkit-touch-callout属性，同样为一个img标签指定-webkit-touch-callout为none也会禁止设备弹出列表按钮，这样用户就无法保存＼复制你的图片了。

15、iOS中如何禁止用户选中文字

我们通过指定文字标签的-webkit-user-select属性为none便可以禁止iOS用户选中文字。

16、iOS中如何获取滚动条的值

桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的，但在iOS中你会发现这两 个属性是未定义的，为什么呢？因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iOS中我们该如何获 取滚动条的值呢？

通过window.scrollY和window.scrollX我们可以得到当前窗口的y轴和x轴滚动条的值。

17、如何解决盒子边框溢出

当你指定了一个块级元素时，并且为其定义了边框，设置了其宽度为100％。在移动设备开发过程中我们通常会对文本框定义为宽度100％，将其定义为块级元 素以实现全屏自适应的样式，但此时你会发现，该元素的边框(左右)各1个像素会溢了文档，导致出现横向滚动条，为解决这一问题，我们可以为其添加一个特殊 的样式-webkit-box-sizing:border-box;用来指定该盒子的大小包括边框的宽度。

18、如何解决Android 2.0以下平台中圆角的问题

如果大家够细心的话，在做wap站点开发时，大家应该会发现android 2.0以下的平台中问题特别的多，比如说边框圆角这个问题吧。

在对一个元素定义圆角时，为完全兼容android 2.0以下的平台，我们必须要按照以下技巧来定义边框圆角：

1＼-webkit这个前缀必须要加上（在iOS中，你可以不加，但android中一定要加）；

2＼如果对针对边框做样式定义，比如border:1px solid #000;那么-webkit-border-radius这属性必须要出现在border属性后。

3＼假如我们有这样的视觉元素，左上角和右上角是圆角时，我们必须要先定义全局的(4个角的圆角值)-webkit-border- radius:5px;然后再依次地覆盖左下角和右下角，-webkit-border-bottom-left-radius:0;-webkit- border-bottom-right-border:0;否则在android 2.0以下的平台中将全部显示直角，还有记住！-webkit这个前 缀一定要加上！

19、如何解决android平台中页面无法自适应

虽然你的html和css都是完全自适应的，但有一天如果你发现你的页面在android中显示的并不是自适应的时候，首先请你确认你的head标签中是否包含以下meta标签：

1 <meta name=”viewport” content=”width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;” />

如果有的话，那请你再仔细的看清楚有没有这个属性的值width=device-width，如果没有请立即加上吧！

20、如何解决iOS 4.3版本中safari对页面中5位数字的自动识别和自动添加样式

新的iOS系统也就是4.3版本，升级后对safari造成了一个bug：即使你添加了如下的meta标签，safari仍然会对页面中的5位连续的数字进行自动识别，并且将其重新渲染样式，也就是说你的css对该标签是无效的。

1 <meta name=”format-detection” content=”telphone=no” />

我们可以用一个比较龌龊的办法来解决。比如说支付宝wap站点中显示金额的标签，我们都做了如下改写：

1 <button class=”t-balance”style=”background:none;padding:0;border:0;”>95009.00</button>元

21、如何检测iOS4 、iOS5或是iOS6？

iPhone 4带来的革新，retina display绝对是最吸引眼球的一项。正是依赖这视网膜显示屏，iPhone 4的分辨率达到了640×960 pixels，不过为了保持向下兼容性，它采用的仍然是320×480 points。也就是说，在不进行缩放的情况下，显示普通图片时，它会用4个像素来显示图片中的1个像素;而在显示retina图片时，每个像素都对应图片中的1个像素。

如此一来，老的应用无需修改就可以在iPhone 4上运行了——虽然显示效果差了点，但是不会出现只有左上角那1/4的区域有内容的情况。