![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 82
zhanglir333
前端路漫漫其修远兮,,吾将上下而求索
展开
-
移动端图片操作(一)——上传
传我们一般都是用“input[type=file]”控件。当你用此控件时,你就授权了网页和服务器访问对应的文件,就可以得到File对象。友情提示在,在Android手机webview中,是不支持上传文件的,网上说是修改Android端的代码,但我没试过,我们这边是使用客户端提供的接口来实现上传的。下面的示例代码可以在这里查看到。一、accept属性该属性表明了服务器转载 2018-01-12 11:07:26 · 631 阅读 · 0 评论 -
用H5中的Canvas等技术制作海报
在去年的时候也实现过合成海报的功能,不过当时时间仓促,实现的比较简单。就一个旋转功能,图片也不能拖动放大,也不能裁剪。去年的实现可以参考《移动图片操作--上传》和《移动图片操作--预览旋转合成》这次有时间就实现一个功能稍微多点的海报。 一、概要第一屏第二屏第三屏总共有转载 2018-01-12 11:17:11 · 643 阅读 · 0 评论 -
移动端css公共样式
@charset "utf-8";/* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : touch;}/* 禁止缩放表单转载 2018-01-07 19:28:47 · 332 阅读 · 0 评论 -
移动端界面的适配
阅读目录适配的要求适配的方法,3个步骤适配中背景图片的处理适配的原理解析摘要:在进行移动端界面的书写的时候,如果把宽度高度或者字体大小全部写死的话,那么在所有手机上看到的大小都一样,存在的问题就是同样大小的字体,或者一个盒子模型,在大屏幕手机上看起来会有点偏小。比如iphone6PLUS。如果是做成适配的话,就很好的解决了这个问题,大屏幕显示的内容大一点,小屏幕显示的小一点转载 2018-01-07 16:39:50 · 536 阅读 · 0 评论 -
移动端样式小技巧
平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧,希望对看官有所帮助!本文只针对两大手机阵营 Android和IOS 中的魅蓝metal 和 iPhone6进行样式对比。一、line-heightline-height经常用于文字居中,当然也有小伙伴会用上下padding去写.but!不转载 2018-01-07 19:32:52 · 339 阅读 · 0 评论