Javascript 外部js文件赢得'；t run&；css钛加速装置100%性能

我刚刚设置了我的第一个html appcelerator项目，我正在尝试添加一个全屏画布

因此，首先，我使用标准添加了一个外部css文件：

<link rel="stylesheet" type="text/css" href="../css/style.css">

所以我试着让它达到100%，我试着100%不加引号，加引号，还有Ti.UI.SIZE，但大小都一样（下图）。但是如果我在px中设置它，它每次都会工作，所以我认为它与app视图中的%有关

另一个问题是外部js文件。我在头部标签上添加了以下内容：

<script type="text/javascript" src="../scripts/main.js"></script>

这里是我的文件结构顺便说一句：

所以它就是不运行。如果它将代码放在html文件主体中的脚本标记中，它工作得很好，因此我知道问题不在于代码

---

非常感谢您的帮助

只需删除宽度和高度-通过使用左上角和左上角的全部4个位置，即可将其拉伸至容器的整个尺寸（如果容器放置在任何其他静止位置）。关于外部js，您要么需要将代码包装在文档redy构造函数中，要么将其移动到页面底部（在结束正文标记之前）。哦，当然，我总是将带有“defer”的脚本放在其中，这次我忘了。这修复了js问题，但对于css，画布上的其他元素不会全屏显示。这是一个游戏，所以左触摸部分将是50%，我不能只做顶部，左侧等，我需要的百分比，然后在这些百分比-例如，如果你想要50%的屏幕从左到右开始，它将是

左：0；右：50%就是这样，当我做对的时候，100%被解释为只有100px左右：50%。这是不准确的。我试着去掉宽度和高度，它给出了相同的结果，所以这一定与appcelerater初始化应用程序维度有关。你需要创建一个新的维度，然后我们需要了解为什么你当前的100%只有100px。根据您提供的代码和解释，没有足够的信息来帮助您，但我猜该元素的父元素已经定位，并且只有100px宽
<script type="text/javascript" src="../scripts/main.js"></script>

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "red";
ctx.fillRect(10, 10, 40, 40);