Question

我想调整菜单栏的大小，因为长度和字体大小看起来太小了。

我尝试过如下，但仍然没有变化......

body {
  width:1300px;
  height:800px;
  overflow:auto;
  background-image:url("wood_texture2.jpg");
}

div#menu {
  margin:40px 0 0 95px;
  text-align:left;
  position:absolute;
  font:18px;
  width:900px;
  heigth:200px;
}

Answer 1

你想要做的事情是不可能的 - 如果是这样的话，绝大多数网站访问者会认为它们“劫持”他们的屏幕：隐藏浏览器chrome（如后退按钮）会让人觉得他们被困，你很可能会失去你所有的访客，永远不会回来。

可以全屏打开弹出窗口，但是任何有弹出窗口阻止程序的人都无法看到它，而且几乎和上面的场景一样糟糕。

我强烈建议寻找另一个更加用户友好的策略。基本上，您需要适应用户的需求，而不是使其浏览器窗口适应您的设计。

Answer 2

<style type="text/css">
        * { margin:0 auto;
            padding:0;
            }
                html { background:#ffffff; }
                body{
                         width:1600px;
                         height:800px;
                         overflow:auto;
                         background:#ffffff;
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                text-align:center;
                                position:absolute;
                                }
                div#menu span {
                                font-size:22px;
                                padding-left:14px;
                                }
</style>

如何调整菜单栏的大小

2 个答案: