css - 如何调整菜单栏的大小

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>