Question

我正在尝试为投资组合页面创建一个github.io。在本地测试我的页面似乎可以正常工作，但是将我的页面上传到github.io后，页面的大小已调整。

但是在加载后， The Page looks like this
我正在遵循以下模板：https://colorlib.com/preview/#meetme

顶部的HTML：

<section class="home_banner_area">
  <div class="container box_1620" style="width: 300px; height: 300px;">
    <div class="banner_inner d-flex align-items-center">
      <div class="banner_content">
        <div class="media">
          <div class="d-flex">
             <img src="img/profile.jpg" alt="" width="45">
           </div>
           <div class="media-body">
             <div class="personal_text">
                <h6>Hello Everybody, I am</h6>
                <h3>Jhon Doe</h3>
                <h4>Full Stack Software Developer</h4>
                <p>I turn coffee into code</p>
                <ul class="list basic_info">
                  <li>email</li>
                  <li>github</li>
                  <li>linkedin</li>
                  <li>address</li>
                </ul>
                <ul class="list personal_social">
                  <li><a href="#"><i class="fa fa-github fa-2x"></a></li>                    
                  <li><a href="#"><i class="fa fa-linkedin></a></li>
                </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

到目前为止，我已经尝试过调整html中图像的大小，甚至在img /文件夹本身中添加了调整大小的图像。但是，似乎整个网页都已调整大小。例如，任何水平对齐的东西现在都将垂直对齐。请帮助...

GITHUB.IO页面已调整大小

0 个答案: