最近，公众号的开发遇到了一个问题：
iOS、Android加载页面，如果用户调整了Momo自带的字体大小html5微信页面，那么我们的页面就会调整字体大小，导致页面混乱而无法适应。所以希望陌陌的字体放大功能也能严格禁止。
查找总结如下的一些提示：
原则：停止动荡时 iOS 和 Android 调整字体大小，iOS 通过添加 CSS 属性html5微信页面，Android 通过 Momo 属性停止。
iOS 系统严禁陌陌客户更改字体大小：
/* iOS禁止微信调整字体大小 */
body {
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
Android通过js进行了调整：
// 强制禁止用户修改微信客户端的字体大小
(function() {
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
handleFontSize();
} else {
if (document.addEventListener) {
document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
} else if (document.attachEvent) {
document.attachEvent("WeixinJSBridgeReady", handleFontSize);
document.attachEvent("onWeixinJSBridgeReady", handleFontSize); }
}
function handleFontSize() {
// 设置网页字体为默认大小
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
// 重写设置网页字体大小的事件
WeixinJSBridge.on('menu:setfont', function() {
WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
});
}
})();
很抱歉我已经很长时间没有更新这个网站了，但别担心，我还活着（在另一个网站上工作）。明天我有一个很棒的主题要分享——30 个很酷的网站。
HTML5，CSS3和许多漂亮的设计效果可以显示出来。今天的网页设计可以非常互动，它不再受静态布局的限制。下面列出的30个网站就是一个很好的证明，例如使用音频和视频使传统的治疗效果看起来很有吸引力。开始欣赏！
（译者注：最好有多个浏览器访问
）。
01比恩维尔资本管理
本网站使用页面无缝过渡效果。点击这些页面，你会发现跳转到其他页面基本上没有停顿html5搜索，因为页面通过淡入淡出和滑行动画非常平滑。
02北美工具
乍一看，这个网站太像Flash网站了，但它实际上只通过HTML5，CSS3实现，动漫效果超级流畅。由于使用了Ajax（根本不对SEO友好），因此搜索引擎无法索引内容部分。如果您的浏览器不支持Javascript，则只会显示一个红页。虽然这些模式对SEO不友好，但它们的交互效果非常棒，但它们在移动浏览器中的表现非常漂亮。
03白板
该网站具有出色的背景模糊效果。亲眼看看：当浏览器比特率低时（或在移动设备上），背景会产生模糊效果，否则就是一组动漫效果。
04循环
（译者注：打不开~）
简单而美丽的滚动插图效果。
05马赫丁叶海亚
主要背景动漫由191张图片组成，当您向下滚动浏览器时，您只能看到孤独的动漫效果。
06圆周率
在这个网站上浏览有更高级别的滚动孤独动漫，如果你喜欢视频，你会喜欢拖动这个网站的滚动条。它使用单帧动画来显示不断变化的背景材料，而要实现这种惊人的效果值需要使用 Javascript 和 CSS3 来控制近 100 张图像。
07提汉+拉克丝
该网站照顾了每一个细节，并精美地呈现了每个故事。内容具有良好的排版和动漫效果，但你可能没有深入了解细节：当你浏览到网页中间，突然想回到底部菜单栏时，向上滚动鼠标，底部的导航栏就会出现。这个逻辑很有道理，想想看，当你向下滚动键盘时，你想继续阅读，所以你不需要导航栏，避免阻塞一些阅读区域;向上滚动键盘时，导航栏会手动显示，因为您可能希望在页面底部找到导航栏以跳转到其他页面。
08咖啡冲浪
这个页面其实不如第一个介绍的网站，但是页面切换效果很有趣。滚动鼠标时，页面的左右区域会向不同的方向切换。
09佐藤山
本网站专为购物商店设计，主产品页面允许您浏览列表中的所有产品，单击任何产品都会跳转到带有漂亮视差滚动的产品详细信息页面。
10眨眼
该网站在响应能力和互动方面表现良好。当您使用不同的设备（例如非常大的iMac或非常小的iPhone）访问它时，页面和动漫基本相同。
11索拉西
这个网站在交互设计方面做得很好。您可以享受浏览富媒体内容（照片库、音乐和电影）的乐趣。唯一的缺点是SEO做得不好，这在Ajax输出页面上很常见，但他们通常通过提供带有关键字的链接来共享这些页面。
12REI1440项目
该网站使用时间线恰如其分地表达了他们的想法：“一分钟”构成24小时。您可以使用箭头键浏览这些时间点，单击“步骤”，您将看到结果很棒。
13素描
隐藏在导航菜单中的文本是本网站的亮点。
14匿名
这个网站的布局有一个很好的设计，但它提供了一个很好的资源（隐藏在甜美的脸旁边）。
15BeatboxAcademy
这个网站可以使用键盘和鼠标敲打不同的鼓。它没有其他服务（您无法保存或导入战鼓），但它很有趣。点击右上角的导航栏，视差滚动效果也很好。
16石英
本网站专注于内容部分。它不像一个新闻网站，让你点击标题，然后阅读每篇文章html5搜索，而是在一个页面上显示所有内容。当您在一侧滚动标题栏时，内容将被手动预读，单击时，地址栏也将使用共享文章手动更新。移动数据可以具有相同的体验。
17埃文斯哈尔肖-邦德汽车
如果你是一个视差滚动爱好者，那么这个网站必须被看到。
18祖布宣言
另一个基于视差滚动功效的网站。
19标致混合动力4
如果您认为前面描述的视差滚动效果非常酷，那么您以前从未见过这个网站 - 精美的插图，关键帧动画，令人兴奋的音乐和超级强大的切换效果。访问本网站时请务必打开扬声器！
20克莱斯勒：所有权测试
这是另一个具有出色页面切换效率的反例。选择不同的网页时，页面布局和内容过渡效果都非常好，更不用说漂亮的动漫了。向上滚动，数字，图表将被手动降低，向下滚动将做相反的事情。简单，但风很大。
（译者注：暂时打不开~）
21叮叮当当
该网站将向您展示整个产品流程，但不幸的是它没有响应。
22密尔沃基警察新闻
一个
酷警察局实现与阿贾克斯和视差治疗。
232am媒体
事实上，这个叶子结构的菜单看起来像Flash，但我不敢相信它是用Javascript实现的。
24小猴子
这是一个简单的网站，但布局、页面过渡和导航都支持响应能力。
25雅典诺斯
这是一个具有一系列细节和切换效果的帅气网站，这证明了庞大的现代网站加载速度确实很慢，因为仅 GIF 图像的大小就是 2.5MB，而且美感与文件大小成反比。
26孟托
该网站展示了精美的作品，精美的图片和突然的动漫。
27红
当您浏览网站上的各个地方时，您会发现该网站有很多设计细节和动漫效果。
28碳工作室
如果您错过了旧Flash可以拖动和控制图像的时代，您应该喜欢这个网站。
29奥克利空气制动MX
这是另一个疯狂的滚动视差网站，以视觉上引人注目的方式展示他们的产品。
30尼克琼斯
该网站可能看起来有点过时，但它的交互设计仍然很棒。
