Day33分辨率与视口与二倍图使用方法

分辨率：
image
在制作网页时，无论是PC端还是移动端都要以逻辑分辨率为准
比较经典的手机分辨率
image

视口：
image
image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 视口标签，规定HTML的尺寸：让HTML的宽度 = 逻辑分辨率的宽度/设备的宽度 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视口</title>
</head>
<body>
    
</body>
</html>

二倍图
image
image

posted @ 2025-12-18 17:22  冰涿  阅读(4)  评论(0)    收藏  举报