首页 > 其他分享 >Axure 9无法设置移动设备适配的解决方法

Axure 9无法设置移动设备适配的解决方法

时间:2023-08-10 18:13:53浏览次数:55  
标签:scale 缩放 适配 oMeta Axure 移动

虽然Axure9做了很多移动端的适配工作,移动端的设计体验也好了很多,但是只是在PC端预览有移动端的效果,在移动设备上浏览却没有自动适应屏幕的效果,而且也没有设置移动端的适配的入口

而在Axure8中是有这个设置面板的,设置非常方便,如下:

Axure 9无法设置移动设备适配的解决方法

      那如何才能设置移动端适配呢,还是有办法的,只是需要稍微做一些处理

教程

1、找Axure 9软件安装目录里的axutils.js文件,路径一般为:【C:\Program Files (x86)\Axure\Axure RP 8\DefaultSettings\Prototype_Files\resources\scripts】。

2、用记事本打开这个axutils.js文件,在代码最前端加上以下代码。

// 向页面注入meta标签

var oMeta = document.createElement(‘meta’);

oMeta.name = ‘viewport’;

oMeta.content = ‘width=375, minimum-scale=0.5, maximum-scale=3, user-scalable=no’;

document.getElementsByTagName(‘head’)[0].appendChild(oMeta);

3、保存后,重新预览页面或生成文件,就已经可以实现页面适配屏幕宽度了。


延伸

代码里面加粗的部分各自代表是:

width:宽度(px或者device-width)

minimum-scale:最小缩放倍数(0-10.0)

maximum-scale:最大缩放倍数(0-10.0)

user-scalable:允许用户缩放(no或blank)

其他的部分,需要用到的时候往里加就行

initila-scale:初始缩放倍数(0-10.0)

height:高度(px或者device-height)

标签:scale,缩放,适配,oMeta,Axure,移动
From: https://www.cnblogs.com/snowhite/p/17621148.html

相关文章

  • 【星球知识卡片】移动端高效率的分组网络都发展到什么程度了?
    大家好,欢迎来到我们的星球知识小卡片专栏,本期给大家分享分组卷积网络模型的发展现状。作者&编辑|言有三1卷积拆分的高效我们常见的卷积是一个二维的操作,即一个卷积核在图像上进行滑动。如果再考虑上各个通道间的信息融合,那么就是一个三维的操作,包含了通道,宽度,高度三个维度。如......
  • Android屏幕适配全攻略(最权威的官方适配指导)
    Android的屏幕适配一直以来都在折磨着我们这些开发者,本篇文章以Google的官方文档为基础,全面而深入的讲解了Android屏幕适配的原因、重要概念、解决方案及最佳实践,我相信如果你能认真的学习本文,对于Android的屏幕适配,你将有所收获! Android屏幕适配出现的原因重要概念屏幕尺寸屏幕......
  • Mac终端光标移动快捷键
    Mac终端光标移动快捷键记录,供自己使用操作快捷键移动光标至行首CTRL+A第一次按时,移动光标至行首;再次按时,回到原有位置CTRL+X移动光标至行尾CTRL+E光标向左移动一个字符CTRL+B光标向左移动一个单词ESC+B光标向右移动一个字符CTRL+F光标向右移......
  • Axure通用电商后台管理系高保真交互模板原型图附元件库4种后台模板风格
    Axure通用电商后台管理交互模板原型图附元件库4种后台模板风格,原型中使用4种不同的布局框架,你可以根据自己的需求,去选中对应的菜单排版布局。另外,原型图中使用了较多的交互元件、母版、动态面板,基本还原了真实项目中的交互效果。是一套标准化的后台模板。Axure电商后台管理系高......
  • vivo 场景下的 H5无障碍适配实践
    作者:vivo互联网前端团队-ZhangLi、DaiWenkuan随着信息无障碍的建设越来越受重视,开发人员在无障碍适配中也遇到了越来越多的挑战。本文是笔者在vivo开发H5项目做无障碍适配的实践总结。本文主要介绍了在前端项目中常用的无障碍手势和无障碍属性,并且结合具体的开发案例为开发......
  • FX110: 简单易上手!移动平均线的五大特性及应用
    移动平均线是看盘过程中,很常用的、很有重要的技术指标。我们常规采用的移动平均线周期,短期是5日、10日。中期是30日、60日。长期是120日、250日,也就是常说的半年线和年线。 移动平均线的特性:1、趋势性。移动平均线会保持与趋势一致的方向,能消除股价在运行过程中出现大的起伏。2、......
  • layui穿梭框实现上下移动
    .layuiTransformBtns{float:right;width:20px;margin-top:158px;}<fieldsetclass="table-search-fieldset2"><legend>体检项目</legend><divclass="layui-card-body"><divclass="layuiT......
  • 使用LLM在移动设备上实现对话交互
    推荐:使用NSDT场景编辑器助你快速搭建可编辑的3D应用场景移动设备上的智能助手具有非常先进的基于语言的交互,用于执行简单的日常任务,例如设置计时器或打开手电筒。尽管取得了进展,但这些助手在支持移动用户界面(UI)中的对话交互方面仍然面临限制,其中执行了许多用户任务。例如,他们无......
  • Android 12 适配之 "Android:exported"
    Android12适配之"Android:exported"将build.gradle中的targetSDKVersion和compileSdkVersion改为31,对应Android12build项目报错AppstargetingAndroid12andhigherarerequiredtospecifyanexplicitvalueforandroid:exportedwhenthecorrespondingc......
  • 拓展知识 启望未来 | 记内蒙古移动《AntDB ACA初级认证培训》活动
    炎炎六月,迎来了备受期待的“亚信科技AntDB数据库初级认证培训”活动。通过培训,希望内蒙古移动及项目组的伙伴们能够系统学习到国产数据库的核心知识,提升专业技能,为服务感知提升、运维团队培育注入新的活力。26号上午,首先由内蒙古移动智慧运维室王宏伟主任发表开幕式演讲,主要内容为......