解决HTML&&CSS浏览器留白现象

原因：包含图片标签img的div是属于块级元素，而img是属于行内块。故而，浏览器会出现留白的现象。

解决的方法有二。

方法一：给div加一个固定的高，使其与图片的高相等。

方法二：将img转换为块级，即：

这样，就可以解决浏览器留白的问题啦~

手机的屏比显示器的小，因此表单中很小的留白就会显示出一部分空白；

检查方法如下：

A.将设计的网页复制一份，然后用填充色填满，然后用手机浏览就可以知道是那一部分留白了，是表单设置问题，还是内嵌的表格或代码问题

B。在电脑上装一个手机模拟系统，确认分辨率，然后在编辑器上先设定手机屏的显示区域分辨率，然后在这个页面上进行设计。

---