解决1px在某些手机上看起来像2px的兼容问题

移动端1px像素解决方式,从1px像素问题剖析像素及viewport

在移动端web开发过程中,如果你对边框设置border:1px,会发现,边框在某些手机机型上面显示的1px比实际感觉会变粗,这也就是1像素问题.如下图是对桌面浏览器和移动端border设置1px的比较.那么是什么导致这种原因的呢? 一.1px像素产生原因首先,我们先对物理像素,设备独立像素,设备像素比等概念进行了解. 1.设备像素(device pixels) 设备中能控制显示的最小单位.能单独显示颜色的最小单位或点,称作像素点或像点. 屏幕尺寸及其屏幕分辨率屏幕尺寸是以英寸为单位(1英寸=

利用exif.js解决ios或Android手机上传竖拍照片旋转90度问题

html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:Android手机没这个问题. 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正. 利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/javascript/exif-js/ 这里主要用到Orientation属性. Orientation属性说明如下: 旋转角度参数 0° 1 顺时针90° 6 逆时针9

discuz 手机上看帖子图片显示“[viewimg]”如何修改？

手机bbs上看帖子,如果帖子中有外网图片显示的是“[viewimg]”,而不是图片pre_forum_thread 主题表pre_forum_post 帖子表库表pre_forum_post中字段message显示如下:[align=left][img=500,341]http://y2.ifengimg.com/a/2014_21/f0d13f0ed691a35.jpg[/img][/align][attach]14[/attach] 程序代码:source/function/functio

React-Native解决ListView 在Android手机上无吸顶效果

stickySectionHeadersEnabled={true} stickyHeaderIndices={[0]}

利用exif.js解决ios手机上传竖拍照片旋转90度问题

html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:Android手机没这个问题. 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正. 利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/javascript/exif-js/ 这里主要用到Orientation属性. Orientation属性说明如下: 旋转角度参数 0° 1 顺时针90° 6 逆时针9

Android开发华为手机无法看log日志解决方法

Android开发华为手机无法看log日志解决方法上班的时候,由于开发工具由Eclipse改成Android Studio后,原本的华为手机突然无法查看崩溃日志了,大家都知道,若是无法查看日志要它毛用啊? 刚开始没想过是手机问题,毕竟在Eclipse中是完好了,结果在AS中华为了大量时间查找原因,最后,偶然换个手机发现别的手机正常... 最后百度发现解决方法: 进入拨号界面输入:*#*#2846579#*#* 依次选择[工程菜单 —> 后台设置 —> LOG设置 —> LOG开关]

利用exif.js解决手机上传竖拍照片旋转90\180\270度问题

原文:https://blog.csdn.net/linlzk/article/details/48652635/ html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:Android手机没这个问题. 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正. 利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/javascript/exif-js/ 这里主要用到Or

android 解决小米手机上选择照片路径为null情况

昨天测试帅哥说他手机选择图库崩溃了,这是一个上传头像的功能,相信很多应用都有这个功能,于是我就把手机拿过来打log看了下返回的路径为null,在网上搜索了下解决方案,现在把解决方案记录下: 这是在onActivityResult方法中执行的, if (data == null) { return; } uri = data.getData(); uri = geturi(data);//解决方案 String[] proj = { MediaStore.Images.Media.DATA };

解决ios手机上传竖拍照片旋转90度问题

html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:Android手机没这个问题. 因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正. 这里主要利用exif.js读取照片的拍摄信息. Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展,例如:拍照方向.相机设备型号.拍摄时间.ISO 感光度.GPS 地理位置等数据. EXIF 数据主要来自拍摄的照片,多用于移动端开发,PC

jQuery精仿手机上的翻牌效果菜单

代码简介: jQuery精仿手机上的翻牌效果菜单,很平滑的动画翻牌效果,每点击一下菜单,就会翻去一下,貌似很灵敏的动作.注意:如果预览时没看到效果,请刷新一下页面,让jquery载入就行了,在实际使用时不会出现这种情况. 代码内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&

调试手机上网页 (断点 console timeline 选择dom)

用手机看网页,越来越多,手机app套个webview的也很多,那该如何调试手机上的页面了?比如断点,选dom,console,控制台输出,查看内存,== 嗯,万能的的chrome和safari还是帮我们解决了这些事情如何用本地的文件代替手机上访问的页面(本地调试) android下调试手机上的网页(断点,查看修改dom,console输出,timeline,===) ios下调试手机上的网页遇到的一些问题如何用本地的文件代替手机上访问的页面(本地调试) 一些真实存在的场景,开发一个微信下

https加载http资源，导致ios手机上的浏览器图片加载问题

今天解决一个线上bug的时候发现的问题,如下图: 从表象来看,同样的图片,安卓手机上可以正常展示,但是到ios手机上首次进入页面就不能正常显示图片,必须手动刷新一次页面才能正常加载. 这时候,我们首先会考虑是不是ios设备的兼容问题? 于是乎,第一想到的就是问度娘,ios手机浏览器不能正常展示图片是什么原因?这么泛泛的问题,想找到你的答案如同大海捞针. 其次想到的就是在本地环境调试一下,结果测试机在本地环境看是正常的,线上环境看问题复现率100%.这时就想着看看图片资源路径有什么差异,为什么上面

input输入框在ios手机上获取焦点后有一个灰色阴影

遇到的场景: 有一个输入框设置 outline:none 然后我又想给他设置获取焦点的颜色然后我给input 设置 border 为 1px t透明的然后获取焦点的时候重新设置border 为 1px 加一个色值然后在IOS手机上的效果解决办法: 在input 标签上添加-webkit-appearance:none 这个属性去除系统默认appearance的样式,常用于IOS下移除原生样式详细解读该属性链接如下

Mac电脑如何读取Android手机上的文件

问题一般Android手机用usb数据线连接到windows操作系统的电脑上后,会自动将手机存储卡以移动存储的方式显示在电脑里. 但是如果操作系统是Mac的,就没有这个存储设备.问题来了,Mac电脑如何读取手机上的文件呢? 解决方式从Android的网站下载一个传输工具,地址是https://www.android.com/filetransfer/, 安装打开后,会显示一个类似Finder的窗口来复制文件. 如果是小米手机,可以发布一个ftp服务,然后用ftp命令或工具连上去. 参考小米

手机上的页面转换page slider

小伙伴们是不是经常在手机上见到“转场"的情况,手机上的页面转换已经不像pc上整体的页面跳转,很多都是利用动画平滑地在页面之间的切换. 那么如何来做页面之间的转换呢?首先要明确的是,所谓的页面之间的切换其实是单页里面元素的切换.比如如下图所示,中间center部分就是当前在视口区域的,也就是我们能看到的,而两边的就是我们现在看不到,但是随时待命的区域. 切换的思路很简单:就是利用CSS的动画效果,左右切换元素,让用户只能看到中间可视区域的内容.所以思路就是: (1)把需要切换到可视区域的部分

解决电脑访问Discuz!手机版（支持触屏版）

discuz电脑访问手机版的方法现在需要来修改一下2个文件,即可用电脑浏览discuz的手机版本:找到./source/function/function_core.php 文件,查找 : function checkmobile() { global $_G; 替换成: function checkmobile() { return true; //此为加上的内容 global $_G; 找到./source/class/discuz/discuz_application.php 文件,查找

libmad和libmpg123解码mp3在安卓手机上的比较

libmad和libmpg123解码mp3在安卓手机上的比较1. libmad 选自 http://sourceforge.net/projects/mad libmad-0.15.1b.tar.gz libmpg123 选自 http://www.mpg123.org/ mpg123-1.15.4.tar.bz2 都编译为android需要的.so.编译过程见之前的博客,都没有针对平台做后期优化. 2. 两者加入同一个工程,在不同手机上的表现如下. 手机索爱X10i 华为U8860

如何在 Android 手机上实现抓包？

如何在 Android 手机上实现抓包? http://www.zhihu.com/question/20467503 我想知道某个应用究竟在数据提交到哪里,提交了什么.网上的教程太复杂,不想麻烦.有没有快速的方式实现在android网络抓包?比如手机流量类监控软件是否已经实现可否借鉴? 4 条评论分享按投票排序按时间排序 48 个回答 190赞同反对,不会显示你的姓名 Trinea,微信codek2,专注于源码解析分享万象为宾客.殷xx.断掌小馒头等人赞同两种方式,各有优劣且互补

如何在Root的手机上开启ViewServer，使得HierachyViewer能够连接

前期准备: 关于什么是Hierarchy Viewer,请查看官方文档:http://developer.android.com/tools/debugging/debugging-ui.html.个人理解:Hierarchy Viewer能获得当前手机实时的UI信息,给界面设计人员和自动化测试人员带来极大的便利. 在Android的官方文档中提到: To preserve security, Hierarchy Viewer can only connect to devices runn

Android 手机上安装并运行 Ubuntu 12.04

ubuntu.sh脚本的原地址变动了,导致下载不了,现在更新了网盘地址.小技巧:遇到一些下载失效的时候可以试一试p2p下载工具(如 easyMule.迅雷等)试一试,说不定有人分享过~* ————————————————————————————- Android 是基于Linux内核的开源操作系统,主要用在移动设备上.当然同样是基于Linux内核的操作系统,现在支持的Android的智能手机理论来说都能运行基于Linux的操作系统,比如现在流行的发行版:Ubuntu.Fedora 等等.不仅如此

【解决ViewPager在大屏上滑动不流畅】设置ViewPager滑动翻页距离

在项目中做了一个ViewPager+Fragment滑动翻页的效果,在模拟器和小米手机上测试也比较正常.但是换到4.7以上屏幕测试的时候发现老是滑动失效. 因为系统默认的滑动策略是当用户滑动超过半屏之后才会翻页,在网上找了很多方法之后都失败了.我之前还以为是因为我用了viewpagerindicator的原因.后来把viewpagerindicator代码删除后没半点改善,发现其实viewPager的滑动翻页根viewpagerindicator没有半毛关系.全是系统接管的. 然后我试着重写了O

解决1px在某些手机上看起来像2px的兼容问题

热门专题