随笔分类 -  H5移动web

前端解决移动端适配的五种方法
摘要：移动端适配的五种方法所谓移动端适配，就是WebApp在不同尺寸的屏幕上等比显示 推荐： 1.使用rem单位来做网页适配，这个是我比较推荐的一种，效果很好，浏览器的兼容性也不错 只要一行代码就能适配多个分辨率终端 (function(doc,win){ var docEl =doc.documentE 阅读全文
posted @ 2021-05-26 15:38 轻舟经年 阅读(3817) 评论(0) 推荐(1)
css apple苹果手机上 表单圆角和按钮渐变圆角解决办法
摘要：-webkit-appearance: none; 往input 和 按钮里面加入这句就可以了！ 阅读全文
posted @ 2020-08-03 09:13 轻舟经年 阅读(294) 评论(0) 推荐(0)
10个你可能不知道的前端PS技巧
摘要：在前端切图工作里，本质来说就是“选择图层-获取信息、编辑图层-导出图层”的过程，本文主要介绍在这个过程里的一些技巧。 1、面板 这里的面板指的是在顶部主菜单“窗口”下可开启的窗口。最常用的几个窗口必属“属性”、“信息”、“图层”，屏幕够大的同学建议把它们都展开在界面右边。那为什么说这几个面板很常用呢 阅读全文
posted @ 2018-11-13 16:06 轻舟经年 阅读(405) 评论(0) 推荐(0)
深入理解移动端像素知识与Viewport知识（转 ）
摘要：一 像素知识 1.1 设备像素(device pixel) 它是物理概念，指的是设备中使用的物理像素(Physic pixel)。这个单位用px表示，它是一个[相对绝对单位]————即在同样一个设备上，每1个设备像素所代表的物理长度(如英寸)是固定不变的(即设备像素的绝对性); 但在不同的设备之间， 阅读全文
posted @ 2018-06-14 18:46 轻舟经年 阅读(330) 评论(0) 推荐(0)
移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)
摘要：1、WebApp全屏模式： 1、WebApp全屏模式： <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=n 阅读全文
posted @ 2018-06-14 18:40 轻舟经年 阅读(495) 评论(0) 推荐(0)
移动端H5页面开发遇到的问题和解决办法（二）
摘要：1、启动画面 <link rel="apple-touch-startup-image" href="start.png"/> iOS下页面启动加载时显示的画面图片，避免加载时的白屏。 可以通过madia来指定不同的大小： <!--iPhone--> <link href="apple-touch- 阅读全文
posted @ 2018-06-14 17:32 轻舟经年 阅读(256) 评论(0) 推荐(0)
移动端H5页面开发遇到的问题和解决办法（一）
摘要：转过来，平时看看。 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在 阅读全文
posted @ 2018-06-14 17:30 轻舟经年 阅读(480) 评论(0) 推荐(0)