Tizen模拟器可穿戴Web应用样式不生效问题求助

我在使用Tizen模拟器时遇到了问题：已完成Tizen Studio配置并运行示例应用，在目标实体设备上样式可以正常加载，下方为目标设备运行截图：

但Tizen模拟器运行同个应用时样式无法正常生效，下方为模拟器运行截图：

我暂未排查到该问题的产生原因，下方为我使用的简易测试代码：

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <title>Basic</title>
    <link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css">
    <link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)" href="lib/tau/wearable/theme/default/tau.circle.min.css">
    <!-- load theme file for your application -->
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="ui-page ui-page-active" id="main">
        <div class="ui-header">
            <h1>Hello World</h1>
         </div>
         <div class="ui-content">
            <p>Hello TAU!</p>
         </div>
         <div class="ui-footer">
            <button>OK</button>
         </div>
    </div>
    <script src="lib/tau/wearable/js/tau.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/lowBatteryCheck.js"></script>
    <script src="js/circle-helper.js"></script>
</body>
</html>

若有开发者知晓该问题的解决方案，恳请提供支持，万分感谢！

解决方案 #

• 检查版本匹配
  确认Tizen模拟器的系统版本与实体目标设备版本一致，项目使用的TAU库版本需和模拟器系统版本兼容。如果版本存在差异，重新创建对应版本的模拟器实例，同步项目的TAU库版本即可。
• 修复设备形状属性识别异常
  代码中引入了针对圆形设备的媒体查询样式all and (-tizen-geometric-shape: circle)，部分老旧的模拟器镜像无法正确识别该属性，导致圆形专属样式无法加载。先打开模拟器配置，确认设备形状选项和实体设备保持一致，也可以临时注释掉该媒体查询测试样式是否恢复，确认是该问题后更新模拟器镜像到最新版本即可。
• 清除模拟器缓存
  模拟器默认会缓存旧的应用资源，容易导致新部署的样式不生效。先卸载模拟器内已安装的测试应用，重启模拟器后重新部署，也可以在Tizen Studio的运行配置中勾选「部署前清除应用数据」选项，避免缓存问题。
• 确认资源打包配置
  检查项目中的lib/tau目录是否被标记为资源目录，确保部署打包时TAU相关的样式、脚本文件都被正确打包到应用中，避免资源缺失导致样式失效。

内容的提问来源于stack exchange，提问作者Vidurajith Darshana