移动web和web有哪些区别?
发布网友
发布时间：2022-04-24 02:54
共6个回答
懂视网
时间：2022-04-20 21:58
两位大侠瞬间发生剧烈的化学反应，出现各种奇葩问题，见下图：
【结论】输入框position属性值不是fixed，而变成了absolute
【出现情况】当我们唤起键盘的时候，输入框位置不再页面最下面，或者说页面当时还可以继续往下滚动，再或者页面没有滚动到最下边，这个时候就会出现上面的问题
【学习失败，在失败中成长】，接下来我们开始，开启战斗模式：
【解决思路】既然在ios下由于软键盘出现后，页面fixed属性会失效，导致跟随页面一起滚动，那么假如页面不会过长出现滚动，那么即便fixed属性失效，也无法跟随页面滚动，问题也就不复存在
如图页面分成两个部分，上部分内容部分，下部分输入框部分；两部分都使用fixed属性，使得页面无法进行滚动，正好符合我们上面的思考，上面内容部分使用overflow:auto;直接支持在其内部进行滚动；
到此，由fixed和input的爱恨情仇，应被解决，上面遇到的问题也不再出现，但相应的也产生了其它问题
【新问题1】上边内容部分滚动非常不流畅，滑动的手指松开后，滚动立即停止，失去了原本的流畅滚动特性（可以自己搜关于【弹性滚动】方面的资料进行了解）
【解决办法】使用-webkit-overflow-scrolling: touch;属性解决问题，页面滚动恢复流畅
【新问题2】在页面滚动到上下边缘的时候，如果继续拖拽会将整个页面一起拖拽走，导致页面的"露底"的现象，如下图：
同时，当我们进行内容滚动的时候，有时会滑动下部分，导致内容滚动停止，给用户的体验极其不舒服
【解决办法】设置页面overflow:hidden;（也就是body标签），问题到此，得到完美解决
【注！注！注！】下面总结一下其它一些细节问题
1. overflow:scroll/auto;本身带有的兼容性，如：一些Android系统不支持此属性，所以需要我们使用isScroll.js第三方插件，实现页面内部滚动
2. 在ios下使用第三方输入法时，输入法被唤醒的时候，会出现输入框被遮盖住，这个暂时没有找到解决答案，先挖个坑，埋起来
热心网友
时间：2022-04-20 19:06
1.比如说具体的应用在不同地方的形态。
一款计算器：
web app： 其实就是在网页上的应用。这个很广泛，只不过大家平时都不这么叫而已，你在 网页上使用一款计算器都可以称作web app。
mobile web app：额，就是能在手机浏览器中打开使用的计算器，只不过根据手机的屏幕，调整了 自己的按键大小，布局等等。
mobile app： 你在应用商店下载了一个计算器。
2.比如说如何用代码编写：
web前端：
基本上就是html+css+javascript。至于html5，css3什么的就是具体到你应该用什么规则的代码去写了。这个如果楼主想要入门学习的话，推荐w3school 在线教程（中文）。
mobile web 前端：
其实还是那套东西，但是加入了一个叫做响应式设计的东西。而且据我了解，这个概念还要从html 5标准的普及说起，说通俗点就是屏幕多大的时候布局，字体是什么样的。网上有很多前端模板都提供了这个功能。比如比较火的Bootstrap中文网（中文）深层次点，比如通过html5的API调用手机的硬件等。
mobile 前端：
这个目前还分两大阵营，一个是Android，一个是iOS。而且就我的了解，web前端有专门的岗位叫前端攻城师，但是很少听说过只写mobile前端的移动工程师，至少我至今没有听到过。
Android：
静态的话就是xml，动态的话就是android的layout那堆东西。
https://developer.android.com/guide/topics/ui/declaring-layout.html(可能需要*)
比较简单的layout，比如:
Linear Layout(可能需要*)
FrameLayout | Android Developers(可能需要*)，想学习的话可以参考下。
还有一些动画效果。
https://developer.android.com/guide/topics/graphics/index.htmll(可能需要*)
当然，提到Android的UI，不得不提的是那坑爹的适配。只能说，学习Android UI需谨慎。
iOS：
UIKit那套东西，其实现在感觉如果不是太复杂，.xib直接拖界面也还可以。UIKit Framework Reference 。storyboard就算了，不是太推荐。简单的页面还可以，想试也可以试试。反正我用的不是很舒服。当然还有一些动画效果。Graphics and Animation
3.比如说其他区别：
其实最显著的区别就是，web app是不依赖于具体的设备的，通用性较强，只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备，一旦更换设备，需要重新下载才能继续使用。
热心网友
时间：2022-04-20 20:24
其实移动web和传统的web并没有本质的区别。
但是，同一个页面不可能被桌面浏览器和移动浏览器同时浏览，asp.net可以为移动web提供一个系统自适应结构，这个结构可以为浏览器提供特定的输出，而且可以将呈现逻辑细分为较小的部分，这样在显示区域和输入设备硬件都有限的情况下更好的工作。
移动web开发
这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。
web app开发
特指的是用html5技术开发，之所以叫web app是因为他比较接近客户端应用程序的用户体验，可以和系统深度融合，调用一些只有客户端才能调用的功能（比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能）.
热心网友
时间：2022-04-20 21:59
但是，同一个页面不可能被桌面浏览器和移动浏览器同时浏览，asp.net可以为移动web提供一个系统自适应结构，这个结构可以为浏览器提供特定的输出，而且可以将呈现逻辑细分为较小的部分，这样在显示区域和输入设备硬件都有限的情况下更好的工作。
参考资料：windows mobile 移动开发平台
热心网友
时间：2022-04-20 23:50
现在所谓的移动一般就是指用手机等移动设备上网，这些设备中安装的浏览器和电脑里的有很大的差别，基本上现在还没完全达到支持js和css等方面，这是就前台来说，后台呢基本上完全一样。
但是只要前台写得标准，就是说在没有css，js的情况下，页面的架构不能乱套，功能也不能变就行了。
热心网友
时间：2022-04-21 01:58
