前端速成：双月Java之旅（week5）_day5

今天的学习内容是接着昨天的，继续学习手机网站前端的一些基础信息。

首先是位图和矢量图，位图又称点阵图和栅格图像，是由n个的像素点组成，放大后会失真，常见的有JPEG、PNG、GIF等；而矢量图又称为面向对象图像或绘图图像，在数学上定义为一系列由线连接的点，放大后不会失真，常见的是SVG。位图像素也是一个长度单位，可以理解为位图中的一个小格子，是位图的最小单元。

理想视口标准：与屏幕设备独立像素等宽的布局视口，称之为理想视口。当布局视口和屏幕等宽时，用户不需要缩放、滚动就能看到网站的全部内容，但是需要为移动端单独设计一个网站。具体操作方法是<meta name="viewport" content="width=device-width" />，如果不写meta标签，文字不清楚，页面太小，从而导致用户体验不好。同时像素关系更清晰，即布局视口=视觉视口=设备独立像素，还有更清晰的dpr=物理像素/设备独立像素，唯一的缺点是同一个元素在不同设备屏幕上呈现效果不一样，解决缺点的方法就是做适配。