具有角度JS ng-view的Phonegap无法全屏显示

时间：2021-11-02 03:58:08

I'm aware some people already asked this. I have tried those answers but no luck for now.

我知道有些人已经问过这个了。我试过这些答案,但现在没有运气。

This is some important parts of my index.html :

这是我的index.html的一些重要部分:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<body> 
    <div ng-view>    
       <!--MY CONTENT HERE-->
    </div>

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

    <script type="text/javascript">
        app.initialize();
    </script>
</body>

I loaded my content to <div ng-view>. Its loaded successfully but the height is not full. The height just depend on the content.

我将我的内容加载到

。它成功加载但高度不满。高度仅取决于内容。

This is the summary of my loaded content :

这是我加载的内容的摘要:

<div class="parent">
    <div class="topcoat-list__container scroller">
        <ul class="topcoat-list list">
            <li class="topcoat-list__item">
            </li>    
        </ul>
    </div>
</div>

And this is my CSS :

这是我的CSS:

html, body, .parent { height: 100vh; width: 100%; margin: 0; /*position:absolute;*/}

I have tried height:100% with position:absolute; but no luck at all. I used topcoat library in my loaded content, but i think it should be no problem.

我尝试过身高:100%位置:绝对;但没有运气。我在我加载的内容中使用了topcoat库,但我认为应该没问题。

Please kindly help me. Thanks a lot for your help.

请帮助我。非常感谢你的帮助。

1 个解决方案

#1

0  

Im sorry guys, my CSS path is wrong. It seems i need to take a break LOL Anyway, the code in my question is working :)

对不起,伙计们,我的CSS路径错了。看来我需要休息LOL无论如何,我的问题中的代码正在工作:)

#1

0  

Im sorry guys, my CSS path is wrong. It seems i need to take a break LOL Anyway, the code in my question is working :)

对不起,伙计们,我的CSS路径错了。看来我需要休息LOL无论如何,我的问题中的代码正在工作:)

标签：

相关文章