
移动端
Pumpkin~
我的名字叫难忘
展开
-
原生app和混合app、webapp有哪些区别?优略势对比
原生app和混合app、webapp有哪些区别?优略势对比 开发制作一款APP费用多少?不同APP功能价格各不同,而且和APP的开发方式密切相关。APP功能的差异很容易理解,那么APP的开发方式如何划分呢? 目前市场主流的APP主要分三种:原生APP、WebAPP和混合APP三种,这里对三者的区别进行详细分析。原生APP 原生APP是什么?原生APP就是利...转载 2019-05-15 10:26:46 · 3616 阅读 · 0 评论 -
移动端与pc端区别
1.系统 pc : windows、mac (区别不大) 移动端 : iOS、android、windows (有区别) 2.浏览器 pc :区别很大 移动端 :区别不大 3.分辨率 pc : 有区别 移动端 :区别很大 总结: 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是...原创 2019-05-15 10:51:26 · 3148 阅读 · 1 评论 -
移动端-如何让手机展示网页
1、vscode中下载live server 插件(自动刷新插件) 2、vscode内open with live server 3、终端中输入ipconfig 找出ipv4复制(window系统),终端中输入ifconfig 找出inet复制(mac系统) 4、把复制的ipv4替换打开后网址中的域名 5、复制网址,百度找一个二维码转换器,将网址转换成二维码。手机扫一扫 注:手机电脑要在同一网络下...原创 2019-06-05 23:12:56 · 1273 阅读 · 0 评论 -
移动端样式重置
-webkit-text-size-adjust: none; 禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化),此属性也不继承,一般加在body上规定整个body的文字都不会自动调整 -webkit-tap-highlight-color: rgba(0,0,0,0); 透明度设置为0,去掉点击a/button/input时默认的虚框(Android)或者被点击时灰色半...原创 2019-06-06 09:35:17 · 673 阅读 · 0 评论 -
移动端的适配
适配:在不同的尺寸移动设备上,页面相对性达到合理展示(自适应)或者保持统一效果的等比例缩放(看起来差不多) 适配的元素: 1.字体 2.宽高 3.间距 4.图像(图标,图片) 适配的方法: 1.百分比适配 2.viewport缩放 3.Dpr缩放 4.rem适配(比较主流) 5.vw,vh适配(最新的) ...原创 2019-06-07 14:46:10 · 252 阅读 · 0 评论 -
移动端适配-rem练习
点击查看运行 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,maximum-scale=1.0...原创 2019-06-09 23:00:04 · 237 阅读 · 0 评论 -
移动端适配-vw例子
点击查看页面 点击查看源码 html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2019-06-16 21:41:05 · 827 阅读 · 0 评论