css 视口是多少px |ericsson canada inc

/* 设置视口大小为100vw，高度自适应 */
body {
width: 100vw;
height: 100vh;
}

使用CSS视口可以实现响应式布局，使网页在不同设备上都能够得到良好的展示效果。同时，视口也可以用于在指定宽度及以下的设备上隐藏某些元素，或者调整某些元素的大小或位置，以适应不同的设备屏幕大小。需要注意的是，在设置视口大小时要避免使用固定的像素值，应该尽量使用百分比或者比例来表示，以避免在不同设备上出现显示不协调的问题。

/* 在宽度小于600px的设备上隐藏某个元素 */
@media (max-width: 600px) {
.example {
display: none;
}
}