五、移动端技术解决方案

5 移动端技术解决方案

5.1 移动端浏览器

移动端浏览器基本以webkit内核为主，因此我们考虑webkit兼容性问题。

我们可以放心使用H5标签和css3样式。

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

5.2 css初始化 normalize.css

移动端css初始化推荐使用normalize.css

normalize.css ：保护了有价值的默认值

normalize.css：修复了浏览器的bug

normalize.css：是模块化的

normalize.css：拥有详细的文档

官网地址：Normalize.css: Make browsers render all elements more consistently.

5.3 css3盒子模型box-sizing

传统模式宽度计算：盒子的宽度=css中设置的width+border+padding。

css3盒子模型：盒子的宽度=css中设置的宽度width里面包含了border和padding，也就是说，我们的css3中的盒子模型，padding和border不会撑大盒子了。

/*css3盒子模型*/

box-sizing: border-box;

/*传统盒子模型*/

box-sizing: content-box;

用传统还是css3盒子模型？

移动端可以全部css3盒子模型

pc端如果完全需要兼容，我们就用传统模式，如果不考虑兼容性，我们就选择用css3盒子模型。

5.4 特殊样式

五、移动端技术解决方案相关推荐

二倍图（物理像素物理像素比，多倍图，背景缩放），移动端开发选择（移动端主流方案【单独制作移动端页面（主流），响应式页面兼容移动端（其次）】，移动端技术解决方案【移动端浏览器，特殊样式】）
二倍图物理像素&物理像素比物理像素指的是屏幕显示的最小颗粒,是物理真实存在的,我们开发的1px不一定等于1个物理像素,(PC端相同,移动端不一定相同) PC端和早期手机屏幕是 1CSS像素 ...
移动端web开发--开发选择、技术解决方案、常见布局
1.移动端开发选择 1.1 移动端主流方案 1.单独制作移动端页面(主流) 2.响应式页面兼容移动端(其次) 1.2单独移动端页面(主流) 通畅在网址域名前加m(mobile)可以打开移动端.通过判断 ...
12-移动端技术选型
移动端技术选型一.移动端主流方案 1.独制作移动端页面(主流) 通常情况下,网址域名前加m(mobile)可以打开移动端.通过判断设备,如果是移动端设备打开,则眺到移动端页面. 2.响应式页面兼容移 ...
服务端渲染(SSR) 通用技术解决方案
项目背景服务端渲染(SSR) 通用技术解决方案的诞生来源于对 360搜索百科移动端项目的一次重构实践.而当时决定重构该项目的主要原因有以下几点: 1. 技术栈陈旧,熟悉.开发以及维护成本都较高项 ...
SCUT01在线协作白板技术解决方案
在七牛云校园黑客马拉松中,来自华南理工大学的SCUT01团队,为我们带来了UI精美.体验优秀的白板作品,在大赛中获得二等奖的好成绩.以下是这款在线协作白板的技术解决方案. 背景疫情背景下,线上课堂. ...
聊聊跨端技术的本质与现状
今日博思: 生命如同寓言,其价值不在与长短,而在与内容. 零.何为跨端 write once, run everywhere 一次编写,四处运行就是跨端的真谛.因为前端当下需要处理的场景实在是太多了: ...
04-前端技术_ javaScript内置对象与DOM操作
目录五,javaScript内置对象与DOM操作 1,JavaScript对象定义和使用 2,JavaScript内置对象 2.1 Array数组 2.1.1 创建方式 2.1.2 常用属性: 2. ...
蚂蚁全球化无线端质量解决方案
阿里QA导读:蚂蚁国际全球化业务场景多,面临多语言,多币种,多时区,复杂网络环境,以及本地化测试,本地监管合规等挑战,同时技术形态也是多种多样的.如何针对全球化业务搭建质量解决方案,成为蚂蚁国际质量团 ...
浅析移动云计算服务端技术
浅析移动云计算服务端技术虚拟化资源管理作为云计算中的一个重要课题,在移动云计算中依然成为了研究热点.它以虚拟机技术以及资源虚拟化技术为基础,在整个云计算平台起核心支撑作用,研究如何优化虚拟化资源管理 ...
服务架构：统一身份认证和授权技术解决方案
本文讨论的是基于微服务架构下的身份认证和用户授权的技术方案,从背景到微服务架构整套流程分解. 一.预备知识本文讨论基于微服务架构下的身份认证和用户授权的技术方案,在阅读之前,最好先熟悉并理解以下几个 ...

五、移动端技术解决方案

五、移动端技术解决方案相关推荐

最新文章

热门文章