黑马程序员技术交流社区

标题: 移动端 [打印本页]

作者: 司白白邪邪    时间: 2019-4-11 08:30
标题: 移动端
Meta标签的作用:
作用:根据手机浏览器屏幕大小,改变手机浏览器的默认视口大小。
        默认视口大小 = 设备屏幕大小
移动端-倍图问题:
        问题:图片在高清屏幕时,会被放大,图片放大就会模糊;
        解决:制作图片是制作倍图,布局显示时缩小显示;
技术选型
        注意点:
1.        浏览器兼容性问题(只考虑webkit内核,放心使用h5和c3)
2.        样式初始化,使用别人写好的
3.        移动端元素,使用C3新的盒子模型进行布局(padding和border不会撑开盒子)
4.        手机浏览器中有一些固定的样式,清除。
流式布局(百分比布局)
1.布局盒子的宽度通通设置为百分比
                2.布局盒子会设置一个最大值 max-width和一个最小值 min-width





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2