css - CSS、不要なスペース

Question

私はレスポンシブ Web サイトに取り組んでいます。このページをスマートフォンの解像度で表示すると、4 つの主要なリンクがあります。境界線の上下は左右に伸びず、1px の隙間があります。実際には全体に1pxの不要なマージンがあると思います。私が言えることはすべて 100% に設定されており、マージンはありません。

htmlページはこちら

CSSはこちら

ご協力いただきありがとうございます！！

Answer 1

左: nav#mobile の 1 ピクセル。

nav#mobile {
height: auto;
width: 100%;
text-transform: uppercase;
font-size: 0.9em;/*-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 10px;*/
position: relative;
/* [disabled]z-index: 1; */
left: 1px;
/* [disabled]top: 41px; */
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #333;
border-bottom-color: #333;
border-right-width: 0px;
border-left-width: 0px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #333;
border-left-color: #333;
margin-top: 25px;
float: right;
padding: 0px;
margin-left: 0px;
margin-bottom: 25px;
display: block;
}

その一行を取り除けば、あなたは黄金です.