如何在正文中使用 min-width:400px 时删除导航栏中不需要的 space？

Question

我正在尝试在正文中修复 min-width:400px 导航栏，以便在使用智能 phone 时设计不会移位。当我试图将它最小化到小于 400px 时，phone 中的导航列表有 space。请教我如何让它消失。谢谢。

代码

输出

Answer 1

你写 CSS body 标签的代码是 body {min-width: 400px; font-size: 100%;}，我认为问题出在此处，请将正文标记的 CSS 代码替换为以下对您有帮助的代码，

body { 
  min-width:100%; font-size:100%;
}

Answer 2

look at the below image how the width and padding is adding up to the total

Answer 3

问题，你设置的margin是100%，所以请按box-sizing

排除

 #header .head {
     margin: 0;
     width: 100%;
     padding: 20px 0 15px 20px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

如何在正文中使用 min-width:400px 时删除导航栏中不需要的 space？

How To Remove Unwanted space in Navigation Bar When Using min-width:400px In The Body?

html

css

navigationbar