<head><meta charset="UTF-8"><meta name="keywords" content="云班课,班课,翻转课堂,移动教学,智能设备教学,教学,JiTT,互动,即时互动,签到,大学,手机应用,经验值,积分"><meta name="description" content="云班课,翻转课堂,移动教学,智能设备教学,教学,JiTT,互动,即时互动,签到,大学,手机应用,经验值,积分"><title>蓝墨云班课 - 定义移动环境下即时互动教学新模式</title><link rel="stylesheet" type="text/css" href="teach.css"><script type="text/javascript" src="jquery-1.8.0.min.js"></script><script type="text/javascript" src="jquery.smooth-scroll.min.js"></script><script type="text/javascript" src="jwplayer.js"></script><script type="text/javascript" src="jwpsrv.js"></script><script type="text/javascript" src="teach.js"></script></head>这是在手机端打开的，布局是缩小了，但是没被破坏？为什么关注 | 7收藏
1 回答
ABOUTYOU
TA贡献1812条经验 获得超5个赞
目前主流手机像素都在 1080P 了，即 1920x1080。那么竖屏状态下屏幕宽为 1080px，如果一个网站居中内容区域宽度在 1000px 左右，那么到手机上看起来就是你图片中的样子了。
viewport 就是用来解决这个问题，让你的样式以设备的物理像素计算，而不是实际的分辨率。
添加回答
举报
0/150
提交
取消