前端学习,不同设备的窗口大小设置
面对不同的设备,pc端,手机端,前端页面呈现出来的画面不同。
画面依照呈现的“屏幕区域”规定有三种:
1 布局视口:这个视口,代码规定多大就有多大,一般可以手动缩放大小
2视觉视口:这个视口,画面前部充斥在屏幕上面
3理想视口:理想视口,设备有多大,画面就有多大。
理想视口是最方便各种大小的屏幕显示的,如何引入呢?
用标签里面的viewport属性,例如:
面对不同的设备,pc端,手机端,前端页面呈现出来的画面不同。
画面依照呈现的“屏幕区域”规定有三种:
1 布局视口:这个视口,代码规定多大就有多大,一般可以手动缩放大小
2视觉视口:这个视口,画面前部充斥在屏幕上面
3理想视口:理想视口,设备有多大,画面就有多大。
理想视口是最方便各种大小的屏幕显示的,如何引入呢?
用标签里面的viewport属性,例如: