`

控制H5页面不受手机设置字体大小影响的js控制脚本

阅读更多
<script type="text/javascript">
 /***********控制页面不受手机字体大小而改变*********/
(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("onWeixinJSBridgeReady", handleFontSize);
		}
	}
	function handleFontSize() {
		// 设置网页字体为默认大小
		WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
		// 重写设置网页字体大小的事件
		WeixinJSBridge.on('menu:setfont', function() {
			WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
		});
	}
})();
</script>

 

分享到:
评论

相关推荐

    vue写h5页面的方法总结

    总的来说,使用Vue.js编写H5页面,需要重点关注移动设备的适配问题,通过使用rem布局和灵活的脚本库,如lib-flexible,来简化开发流程。同时,借助合适的工具和插件来提高工作效率,确保H5页面在各种移动设备上均能...

    刷新导致页面字体变大的解决方法

    3. **调整JavaScript执行时机**:使用`Page.ClientScript.RegisterStartupScript`来注册JavaScript脚本,确保这些脚本在页面文档对象模型(DOM)完全加载之后执行,从而避免对页面布局的影响。 4. **动态调整字体...

    手机登陆页面H5模版源码

    根据压缩包中的文件名“手机登陆H5”,我们可以推测这是一个包含了所有必要文件的项目,比如HTML文件、CSS样式表、JavaScript脚本以及可能的图片资源。HTML文件将定义页面结构,CSS将处理页面样式,JavaScript可能...

    H5手机站页面,列表页+内容页

    响应式设计是关键,通过调整布局、图片大小和字体等元素,使页面在手机、平板和桌面电脑上都有良好的用户体验。同时,考虑到移动网络的限制,应优化资源加载速度,例如压缩图片、合并CSS和JS文件,以及利用缓存技术...

    remjs移动端页面满屏H5自适应方案

    总结来说,rem移动端页面满屏H5自适应方案是一种基于CSS3 rem单位的响应式布局技术,通过设置根元素的字体大小和使用rem单位,能够实现跨设备、跨分辨率的页面自适应。这个方案在实际开发中具有广泛的应用,特别是在...

    H5神庙逃亡自适应手机游戏

    1. **index.html**:这是游戏的主页面,包含游戏的基本结构和引用的外部资源,如CSS样式表、JavaScript脚本等。它是玩家首次加载时看到的网页,也是游戏的入口点。 2. **game.js**:这通常包含了游戏的主要逻辑,...

    h5页面适配

    综上所述,实现H5页面适配涉及到多个方面,包括但不限于媒体查询、响应式设计、视口设置、相对单位使用、图片和字体的适配,以及借助如`lib-flexible`这样的工具。在实际项目中,开发者需要综合运用这些技术,以确保...

    H5页面加水印

    2. **水印参数设置**: 这包括水印文本内容、字体、大小、颜色、旋转角度、透明度、位置等。这些参数可以根据实际需求进行配置,以达到最佳的视觉效果和功能性。 3. **动态水印**: 除了静态地在页面加载时添加水印,...

    H55_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    在解压后,这个文件夹可能包含了一系列子文件夹和文件,如HTML结构文件、CSS样式表、JavaScript脚本、图像资源、字体文件等,它们共同构成了这个响应式H5模板。 深入讲解: 1. **HTML5**: HTML5是超文本标记语言的...

    H50_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    3. JavaScript文件:可能包含jQuery或其他库,以及用于交互和动画效果的脚本。 4. 图像文件:如logo.png、banner.jpg等,用于美化页面。 5. 字体文件:如custom-fonts.ttf,用于自定义字体。 6. Icon图标:如favicon...

    仿京东商城H5主页面源代码,html、css、js 下载

    3. JavaScript文件:.js文件用于实现页面的交互功能,可能包括jQuery或其他库,以及自定义的脚本。 4. 图片资源:包括logo、商品图片等,用于增强页面的视觉效果。 5. 其他资源:可能包含字体文件、图标文件(如SVG...

    手机图片展示H5炫酷侧滑界面

    在手机图片展示H5界面中,CSS负责控制页面布局、颜色、字体、动画效果等视觉元素,使其呈现出独特的风格和动态效果。例如,可以使用CSS3的transform属性实现侧滑动画,利用transition属性控制滑动过渡的平滑度,以及...

    手机端页面rem宽度自适应脚本

    要实现手机端页面的`rem`宽度自适应,核心在于动态调整`&lt;html&gt;`元素的字体大小。具体步骤如下: 1. **确定基准尺寸**:通常以设计稿的宽度作为基准尺寸,如640px。 2. **设置比例**:根据基准尺寸确定每`rem`代表的...

    饿了么前端h5页 App用

    标题中的“饿了么前端h5页 App用”指的是饿了么应用的前端H5页面。这涉及到移动应用开发中的Web技术,特别是HTML5(H5),它是一种用于创建网页的标准标记语言,能够提供丰富的用户体验和功能。在移动应用中,H5常被...

    生日快乐H5模板(单页面).zip

    总的来说,"生日快乐H5模板(单页面).zip"是一个集成了前端三大核心技术的项目,它为庆祝生日提供了一种现代、互动的方式,并且允许开发者进行自定义,使之更具个性和创意。无论是作为程序员的个人作品,还是用于商业...

    手机版(h5)城市选择

    【手机版(h5)城市选择】是一个专为移动设备设计的网页组件,主要用于用户在手机或平板等设备上方便地选择所需的城市。这个组件通常应用于各种移动端应用或网站中,例如在线购物、旅游预订、生活服务类平台等,帮助...

    移动端自定义下拉框【H5+js+css】

    在实际项目中,`register1.html`可能是包含自定义下拉框的一个注册页面示例,而`static`文件夹通常用来存放静态资源,如CSS样式表、JavaScript脚本以及图片等。为了实现这个自定义下拉框,我们需要在HTML文件中编写...

    仿爱卡_微信小程序模板js代码前台前端H5页面源码.rar

    这套模板主要由JavaScript(js)代码构成,用于构建微信小程序的用户界面,并且还提供了H5页面的源码,意味着它也可以适应于移动端网页的展示。这个压缩包很可能包含了完整的前端项目结构,包括样式表、脚本文件、...

    H5登录页面.rar

    8. **Web字体**:通过@font-face规则引入自定义字体,使得登录页面的视觉效果更加独特。 9. ** Accessibility**:考虑到无障碍访问,确保残障人士也能顺利使用登录页面。 10. **SEO优化**:虽然登录页面通常不需要...

Global site tag (gtag.js) - Google Analytics