html - 删除空白并缩小

Question

我是编码新手，希望你们能帮助我解决这两个问题

1. 我一直在尝试移除出现在 anchor 底部的巨大空白，我从问题的根源发现了这个空间并尝试了所有方法，但只有移除这些 anchor 后空白才消失(右侧- CSS:R-新闻)

2. 一直困扰着我的是，每次我在浏览器上更改窗口大小时，网站都会缩小，而且我找不到它的原因，即使我没有“viewport meta tag” html 和 css 中的 @viewport，一旦你在 fiddle 中改变窗口的大小，你就会注意到变化

问:为什么 IE 会给图片添加白/黑边框？

提前致谢

<div class="navbar">
    <ul>
        <li>
            <a href="#"><img src="Images/home.png" width="360" height="360" alt="home-icon" id="home"></a>
        </li>
        <li>
            <a href="#">1B</a>
        </li>
        <li>
            <a href="#">2B</a>
        </li>
        <li>
            <a href="#">3B</a>
        </li>
        <li>
            <a href="#">4B</a>
        </li>
        <li>
            <a href="#">5B
        </li>
    </ul>
</div> 

Fiddle

Answer 1

如果您使用 HTML 5，则不需要使用

`<div>`

用 HTML 5 试试

    <nav class="somthing">

    <ul>
        <li>
            text
         </li>
    </ul>

   </nav>

它可能有助于解决您在使用 IE 时遇到的空间问题，但问题仍然存在[尽管在 IE 6 中......