移动端开发绪论

移动端开发绪论移动端开发基础通常移动端开发主流方案一共有两种一种是单独制作移动端页面,目前在市场上是主流方案还有一种是响应式页面兼容移动端这种虽然不是主流方案,但是应用这种开发方案的也不是没有.我们访问移动端页面可以通过以下两种方式进行访问:网址域名加m(mobile)就可以直接访问页面的移动端页面使用移动设备,进行访问,则可以直接跳转到移动端页面又到了我们最头疼的浏览器的兼容性问题移动端浏览器基本以webkit内核为主,因此我们只需要考虑webkit兼容性问题即可。移动端浏览器

大家好,又见面了,我是你们的朋友全栈君。

移动端开发绪论

今天开始,我们步入移动web前端开发的模块,在我们学习移动端开发之前,我们先来了解一下移动端开发的基础常识!

通常移动端开发主流方案一共有两种

  • 一种是单独制作移动端页面,目前在市场上是主流方案
  • 还有一种是响应式页面兼容移动端这种虽然不是主流方案,但是应用这种开发方案的也不是没有.

我们访问移动端页面可以通过以下两种方式进行访问:

  • 网址域名加m(mobile)就可以直接访问页面的移动端页面

  • 使用移动设备,进行访问,则可以直接跳转到移动端页面

又到了我们最头疼的浏览器的兼容性问题

  • 移动端浏览器基本以webkit内核为主,因此我们只需要考虑webkit兼容性问题即可。

  • 移动端浏览器中我们可以放心使用H5标签和CSS3样式,这两者不会引起浏览器的兼容性问题。

  • 同时我们浏览器的私有前缀我们只需要考虑添加webkit即可

在移动端中我们会大量使用 CSS3盒子模型box-sizing

因为传统模式和CSS3这两种盒子模型,CSS3更适合我们的移动端开发.

  • 传统模式盒子宽度计算:盒子的宽度 = CSS中设置的width + border + padding
  • CSS3盒子模型宽度计算:盒子的宽度= CSS中设置的宽度width 里面包含了 border 和 padding

通过以上可以得出,我们的CSS3中的盒子模型, padding 和 border 是不会撑大盒子的

在我们的移动端可以全部使用CSS3 盒子模型

PC端如果需要兼容,我们就用传统模式,如果不考虑兼容性,我们就选择 CSS3 盒子模型

了解完移动端基础常识以后,后面我会为大家陆续更新移动端的布局以及一些典型的案例来帮助大家深入了解移动端的开发!希望大家继续关注!一起努力!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/152697.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 项目管理五大过程组十大知识领域-总结「建议收藏」

    五大过程组:启动过程组:2个过程规划过程组:24个过程执行过程组:8个过程监控过程组:11个过程收尾过程组:2个过程十大知识领域:项目整合管理:6个过程项目范围管理:6个过程项目时间管理:7个过程项目成本管理:4个过程项目质量管理:3个过程项目人力资源管理:4个过程项目沟通管理:3个过程项目风险管理:6个过程项目采购管理:4个过程项目干系人管理:4个过程 …

  • Java + Ajax跨域解决方案整理

    Java + Ajax跨域解决方案整理为什么会跨域呢?简单来说就是前端页面与后台服务没有部署在同一个服务器上。产生跨域的情况有:1.域名不同,端口也不同;2.域名相同但是端口不同;3.域名不同,端口相同。解决方案:一、JSONP方式1.只支持get方法,不支持postfang方法;使用时需修改前端和后端代码,用起来也不太方便,本文不推荐使用。二、使用springMVC架构的,使用版本4.2以上…

  • Redis能做什么?不能做什么?

    Redis能做什么?不能做什么?

  • web安全测试_web测试的主要测试内容

    web安全测试_web测试的主要测试内容1.1什么是web安全测试?Web安全测试就是要提供证据表明,在面对敌意和恶意输入的时候,web系统应用仍然能够充分地满足它的需求1.2为什么进行Web安全测试2005年06月,CardSystems,黑客恶意侵入了它的电脑系统,窃取了4000万张信用卡的资料。2011年12月,国内最大的开发者社区CSDN被黑客在互联网上公布了600万注册用户的数据;黑客随后陆续公布了网易、人人、天涯、猫扑等多家大型网站的数据信息。2014年12月,大量12306用户数据被泄露,被泄露的数据达131653条,包括

  • 电脑爱好者GHOSTWIN7纯净版V1.0[通俗易懂]

    电脑爱好者GHOSTWIN7纯净版V1.0[通俗易懂]系统特点:全自动无人值守安装,采用万能GHOST技术,安装系统过程只需5-8分钟,适合新旧各种机型。集成常见硬件驱动,智能识别+预解压技术,绝大多数硬件可以快速自动安装相应的驱动。DirectX_9.0cVC++2005|2008|2010|2012|201…

  • Ubuntu20.04安装cuda10.1「建议收藏」

    Ubuntu20.04安装cuda10.1「建议收藏」安装前准备首先要查看你的NVIDIA显卡驱动是否支持cuda10.1版本。在终端执行以下命令:nvidia-smi如果**CUDAVersion:…**这里的版本号大于等于10.1(我这里的是10.2),就可以安装cuda10.1.关键点:gcc降级因为Ubuntu20.04自带的gcc版本为9.3,而cuda10.1不支持gcc-9,因此要手动安装gcc-7,命令如下:sudoapt-getinstallgcc-7g++-7安装完gcc-7,系统中就存在两个版本

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号