您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

移动端中的分辨率、视口与二倍图

时间:07-14来源:作者:点击数:

1 移动端和PC端网页不同点

在这里插入图片描述
在这里插入图片描述

2 谷歌模拟器

在这里插入图片描述

3 分辨率

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4 视口

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标签,使网页的宽度和逻辑分辨率的尺寸相同-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

5 二倍图

在这里插入图片描述
在这里插入图片描述
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
上一篇:CSS 空间与动画 下一篇:CSS Flex布局
推荐内容
相关内容
栏目更新
栏目热门