webapp(meta基本知识、web开发、移动web开发)

　　总结&＃xff1a;移动端适配方案

　　或者直接做响应式页面&＃xff0c;让pc端和移动端的界面排版不一样

　　1、移动web基础知识

　　移动web开发和web开发没有本质的区别&＃xff1a;都是使用html&＃xff08;html5&＃xff09;、css&＃xff08;css3&＃xff09;、js、以及一些相关的技术在开发

　　只不过移动web开发更侧重于移动端&＃xff08;手机、ipad&＃xff09;的显示&＃xff0c;使页面在更小的屏幕上展示

　　pc端主要考虑了一些不同浏览器的兼容性&＃xff08;绑定事件啥的&＃xff09;&＃xff0c;而移动端web开发我们的经历主要是在如何让我们的页面去适配不同的大小屏幕

　　因为手机端的屏幕大小是非常多的&＃xff0c;要保证页面在不同屏幕下展示正常

　　人们现在更多的需求是处在移动端的---学习移动端开发的一个原因

　　1、移动端开发的一些基本知识

　　　　　　如果你希望在 不同的设置上图片都要展示一样品质的话&＃xff0c;那就要为不同设备准备多张图片&＃xff0c;而不是用一张图去放大&＃xff08;缩小可以&＃xff0c;因为不会失真&＃xff09;

　　　2、移动web的调试

　　　　　　a、模拟调试

　　　　　　b、真机调试　　　

　　　　　　　　第一种真机模式可以直接通过服务器ip来访问---缺点&＃xff1a;只可查看&＃xff0c;不能修改页面

　　　　　　　　第二种用第3方调试工具&＃xff0c;先用&＃43; 或者直接把项目文件拖进去&＃xff0c;然后点击小箭头启动&＃xff0c;然后再用手机微信扫码&＃xff0c;然后点进去demo即可

 　　　　　　　　用ghostlab案例

2、视口的概念及设置

 　　因为在pc端 视口大小等于浏览器窗口大小

　　移动端开发必设置视口---因为页面会缩放所以要让视口宽度等于设备宽度

　　最终写法&＃xff1a;