相信很多小伙伴升級Axure到9版本后，發(fā)現(xiàn)TM這簡直就是負升級，一個設計交互的軟件，把交互做的越發(fā)復雜。

不過吐槽歸吐槽，為了滿足更好的兼容性（例如從XD復制到Axure），有些小伙伴應該也升級到了9，可是這時發(fā)現(xiàn)，原來Axure 8的移動設備配置沒有了，以往可以通過設置移動設備視口標簽實現(xiàn)頁面適配屏幕寬度的功能沒有了，越想越氣，怎么辦？硬著頭皮解決唄。

我們先來看下Axure 8的配置界面，多方便。

直接上教程！?。?/p>

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、保存后，重新預覽頁面或生成文件，就已經(jīng)可以實現(xiàn)頁面適配屏幕寬度了。

延伸

代碼里面加粗的部分各自代表是：

width：寬度（px或者device-width）

minimum-scale：最小縮放倍數(shù)（0-10.0）

maximum-scale：最大縮放倍數(shù)（0-10.0）

user-scalable：允許用戶縮放（no或blank）

其他的部分，需要用到的時候往里加就行

initila-scale：初始縮放倍數(shù)（0-10.0）

height：高度（px或者device-height）