前端学习,不同设备的窗口大小设置


面对不同的设备,pc端,手机端,前端页面呈现出来的画面不同。

画面依照呈现的“屏幕区域”规定有三种:

1 布局视口:这个视口,代码规定多大就有多大,一般可以手动缩放大小

2视觉视口:这个视口,画面前部充斥在屏幕上面

3理想视口:理想视口,设备有多大,画面就有多大。

理想视口是最方便各种大小的屏幕显示的,如何引入呢? 

标签里面的viewport属性,例如: