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