发表于： 2019-03-03 23:24:10
1 1005
今天完成的事情：
学习了viewport有三种，一个是layout viewport这个是浏览器默认的视窗可能会比手机屏幕还大，第二个是visual viweport这个是浏览器的视窗大小，第三个是ideal viewport这个是能和各个浏览完美适配的视窗，里面的内容不会因为手机屏幕的像素密度而出现太小或者太大的情况。
之前做的任务三缩放的时候高度和字体也会跟着变动，修改的时候head标签中加入了<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
明天计划的事情：
复习弹性盒子flex的用法
遇到的问题：
chrome开发者模式看手机模式缩放的时候整个页面内容都会相应的缩放，在head标签里加入了<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">，让宽度等于设备宽度，同时默认打开原尺寸，禁止缩放。现在对分辨率缩放里面的文字不缩放了，但是遇到个问题是当分辨率小的时候图片和文字会太大？？
收获：
学习到了关于viewpoint的知识点已经通过增加mate属性来固定页面中内容的大小
返回列表
评论