google-chrome - Chrome 打包的应用程序最大限度地弄乱了内容

Question

我正在创建一个测试项目，一个 chrome 打包的应用程序。在 html/css 中，我将条形样式设置为宽度：100%，但是当我最大化我的应用程序时，它就像屏幕的一半一样。

这里有一些截图：

第一个条是问题所在，它的宽度：100% 但它不起作用。我那部分的html：

    <section id="main" style="width: 100%; height: 100%;">
        <div id='jqxWidget' style="width: 100%;">
            <div id='jqxMenu' style='visibility: hidden; margin-left: 5px; width:100%;'>
                <ul>
                    <li>Vendas
                        <ul style="height: 60px;">
                            <li id="AbrirVenda">Abrir Venda</li>
                            <li id="ConsultarVendas">Consultar Vendas</li>
                        </ul>
                    </li>
                    <li>Produtos
                        <ul style="height: 30px;">
                            <li id="ConsultarProdutos">Consultar Produtos</li>
                        </ul>
                    </li>
                    <li id="Sair">Sair</li>
                </ul>
            </div>
        </div>

Answer 1

所以问题出在创建菜单的javascript中。它弄乱了宽度，将其设置为 600。

我的错。