Html 为什么我的网页太宽了？
免责声明：我对编码非常陌生，这是我在这个网站上的第一个问题，所以请指出我在礼仪方面的不足。此外，关于我的编码的与主题无关的指针是欢迎 我正在构建一个公文包页面，并尝试使我的页面响应（在图像、文本、填充等方面使用em） 由于某些原因，页面显示范围过大（需要向右滚动到内容中心）。有人能给我指出正确的方向吗 我的代码如下：Html 为什么我的网页太宽了？,html,css,responsive-design,Html,Css,Responsive Design,免责声明：我对编码非常陌生，这是我在这个网站上的第一个问题，所以请指出我在礼仪方面的不足。此外，关于我的编码的与主题无关的指针是欢迎 我正在构建一个公文包页面，并尝试使我的页面响应（在图像、文本、填充等方面使用em） 由于某些原因，页面显示范围过大（需要向右滚动到内容中心）。有人能给我指出正确的方向吗 我的代码如下： <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav>
<!-- Start of Navigation -->
<div class="container-fluid">
<ul>
<li id="name">Nathan King</li>
<li><a href="#contact">Contact</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
</nav>
<!-- End of Navigation/Start of Content -->
<div class="content">
<div class="about">
<!-- Start of About -->
<a id="about"></a>
<h2>Enter text about my education and skills<h2/><img src="https://preview.ibb.co/i1JZv6/me.jpg" class=".img-responsive">
</div><!-- End of About/Start of Portfolio -->
<div class="portfolio" id="portfolio">
<h1>Portfolio</h1>
<div class="row">
<div class="photo span4"></div>
<div class="photo span4"></div>
</div>
<div class="row">
<div class="photo"></div>
<div class="photo"></div>
</div>
</div>
<!-- End of Portfolio/Start of Contact -->
<div class="contact">
<a id="contact"></a>
<h2>Contact me:</h2>
<div id="soc-btn">
<a href="https://www.facebook.com/#" class="fa fa-facebook" target="_blank"></a>
<a href="https://twitter.com/#" target="_blank" class="fa fa-twitter"></a>
</div>
</div>
</body>
* {
box-sizing: border-box
}
** {
box-sizing: border-box
}
*