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。

我的坏。