2025年3月31日 星期一 乙巳(蛇)年 正月初一 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

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

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布局
推荐内容
相关内容
栏目更新
栏目热门