移动端适配
iChangebaobao
菜鸟的前端进击之路
展开
-
[移动端开发]到底什么是WebView?
移动端开发中的WebView到底是什么?前言:移动端开发的童鞋应该都听说过一个名词 WebView,那么到底什么是WebView?今天我们来讲一下什么是WebView吧一、WebView到底是什么WebView,直译是网页视图,是一个基于webkit内核的,用于显示网页的控件,具备渲染Web页面的功能。Android的Webview在低版本和高版本采用了不同的webkit版本内核,4.4后直接使用了Chrome。WebView可以内嵌在移动端,实现前端的混合式开发,大多数混合式开发框架都是基于转载 2020-11-05 09:42:04 · 5809 阅读 · 0 评论 -
[移动端开发]H5移动端开发适配,含三种布局方案
前言:移动端开发与普通PC端开发不同,需要实现布局自适应,适配各个型号的手机屏幕大小,还需要解决不同的手机操作系统(主要是Android与iOS)的兼容性问题。一、实现布局自适应,主要有以下三种布局方式流式布局(百分比布局)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF...原创 2020-02-12 00:48:05 · 1213 阅读 · 0 评论 -
[移动端开发]移动端开发公共样式common.css
common.css/*可选*//*CSS3盒子模型*/box-sizing: border-box;-webkit-box-sizing: border-box;/*点击高亮我们需要清除清除 设置为transparent 完成透明*/-webkit-tap-highlight-color: transparent;/*在移动端浏览器默认的外观在iOS上加上这个属性才能给按钮和输入框...原创 2020-02-11 22:30:13 · 777 阅读 · 0 评论 -
[移动端开发]H5(安卓/iOS)移动端开发技巧
转载自微信公众号:前端进阶周刊 文章《你还会再爱一次的H5移动端开发技巧》,侵删1. 弹出数字键盘<!-- 有"#" "*"符号输入 --><input type="tel"><!-- 纯数字 --><input pattern="\d*">安卓跟IOS的表现形式应该不一样,大家可以自己试试。当运用了正则pattern后,就不用关注i...原创 2019-11-15 09:14:04 · 849 阅读 · 0 评论 -
[移动端开发]根据屏幕大小动态设置字体rem,em/rem区别
1.建立rem.js(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { var clientWidth = docEl.clie...原创 2019-11-14 18:08:35 · 536 阅读 · 0 评论