通过之前的课程，我们已经学习了HTML中pc端的相关操作，接下来我们会学习移动wap端的知识，pc与WAP端在那些方面有不同呢？我们再做wap端页面的时候应该在哪些方面做调整呢？
1.web端视口分为三种
1）布局视口
指网页的宽度，一般移动端浏览器都默认设置了布局视口的宽度
2）视觉视口
指用户正在看到的网站的区域，区域的宽度=移动设备的浏览器窗口的宽度
3）理想视口
布局视口的大小和屏幕宽度一样的。在网页的head中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度：
2.二倍图
当设备像素比很大时，图片会被放大，而放大会让图片看起来模糊。为此，我们可以使用二倍图的方式来提高图片的清晰度。
在实际开发中，当一个50×50像素（CSS像素）的图片直接放到iPhone6/7/8设备中显示时，图片会被放大，变成原来的两倍（iPhone6/7/8的设备像素比为2），即×。为了避免图片放大后模糊，我们可以预先制作一张×的图片，然后在网页中手动设置这个图片的样式，将图片的宽和高都设为50像素。这样，这张图片就会以它原本的像素（×）来显示，保证了图片的原有清晰度。