[webapp]移动平台各浏览器的分辨率适配

搞webapp适配了N多浏览器,记一下各浏览器碰到的需要注意的地方。

目前发现firefox是最难适配的。

1.firefox只有在onload之后才能取到正确的innerwidth值。

2.目前版本的firefox无法设置viewport的width,不管写什么数字,永远是360。估计不写viewport,是980。

然后是qq浏览器,似乎也是无法设置viewport,但是qq浏览器竟然支持target-densitydpi。。

还有safari。。这个是最蛋疼的。。因为4s上竟然只有一点点面积可以使用。。

时间: 2024-10-11 07:06:06

[webapp]移动平台各浏览器的分辨率适配的相关文章

Android屏幕适配(分辨率适配)

对于刚接触Android的新人和刚走上Android技术岗位的开发者们来说,在熟悉了相关之后,在项目完成后,就会面临着一个重大的挑战,那么就是屏幕适配的问题.当然我们所说的屏幕适配指的是适配各种手机不同的分辨率.当然,如果你熟悉官网的话(网址:developer.android.com),那么你会发现官网上其实已经为你讲解了怎么做. 当然,首先你要知道如何打开网址,由于大天朝的制度,你想直接进Android开发者的官网,那么真的很难了.这时候就需要借助一点小工具了.比如:FreeDoor.海贝等

Android分辨率适配心得

关于Android分辨率适配,这个是Android开发很头疼的一个问题,也需要花费相当一部分开发时间处理的一个问题,往往一个界面怎么适配就得想半天,特别是新手,也经常有人问我是怎么适配分辨率的,我也不能几句话说清楚,自己也在研究中. 其实,我觉得分辨率适配,不只是研发单方面的事情,与产品.UI设计师也有很大关联.首先产品必须了解一点Android布局以及分辨率适配的知识,设计的界面布局可以尽量简洁一点,效果图界面显示效果尽量稀疏一点,考虑到各个尺寸的手机每个界面的显示情况.其次,UI设计师设计时

【Android】Android中不同手机分辨率适配问题

在项目开发的过程中,同一个布局对应不同的手机会显示出不同的效果.导致这个现象产生的原因是不同手机的分辨率不同.在android sdk提供的帮助文档中,我们可以看到各种手机的分辨率和对应的屏大小.QVGA (240x320),WQVGA400(240x400),WQVGA432 (240x432),HVGA (320x480),WVGA800 (480x800),WVGA854 (480x854). 目前android手机的分辨率大致就是帮助文档中描述的几种,我们可以用两种方式进行不同手机的适配

ios基础-分辨率适配

(一)分辨率定义 分辨率,是指单位长度内包含的像素点的数量,它的单位通常为像素/英寸(ppi).描述分辨率的单位有:(dpi点每英寸).lpi(线每英寸)和ppi(像素每英寸). (二)ios分辨率 iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类 (1)iPhone/iPod Touch 普屏分辨率    320像素 x 480像素 普通Retina分辨率 640像素 x 960像素 iphone5的屏幕分辨率:640像素 x 1136像素 (2)iPad 普屏

Javascript UserAgent 获取平台及浏览器信息

公司最近要做一套类似于百度统计的功能,于是收集整理了其中根据UserAgent获取客户端平台及浏览器信息的资料,不仅仅试用于Javascript,其他语言也可以参考相应正则进行改进.当然,肯定有不足的地方,希望大家多多帮忙测试补充完善. 在线测试地址:http://blog.cxycs.com/demos/client/browser.html Javascript代码: <script type="text/javascript"> document.getElement

Android分辨率适配

Android的分辨率适配问题一直是Android所让人诟病的主要问题,这里参考了官方的开发文档和实际开发中的一些处理分辨率的技巧来和大家交流一下. 官方的关于分辨率适配的文档"SupportingMultiple Screens" Overview of Screens Support Screen size:屏幕尺寸 Screen density:屏幕密度 Orientation:方向 Resolution:分辨率 Density-independent pixel (dp or

cocoscreater分辨率适配解析

我们创建一个场景.都会有一个canvas,canvas包含有分辨率适配的方案 cocoscreater主要推荐4中分辨率适配的方法: 以设计分辨率为640*320,品屏幕的大小为958*560 ,宽度适配因子958/640 = 1.496  高度的适配因子是560/320 = 1.75 1.勾选了FitHeight:高度铺满屏幕(560),宽度根据高度放大的倍数进行放大640*(560/320) 2.勾选了FitWidth:宽度铺满屏幕(958),高度根据宽度放大的倍数进行放大320*(958/

rem.js的用法及在浏览器端的适配

首先介绍下自己,我是从后端转前端,对于前端的见识还不深望各位全当一个新手自述....... 随着移动设配的更新换代,市场上涌现了大量的非主流设备分辨率,比如华为手机...... 更新换代快的大前提下自然又涌现出了适配问题,主流解决方案有很多,如响应式布局.cover布局.container布局 这几种布局在大多数情况下不限制高度的页面下还是相当有用的,但如果被元素塞满的设计稿并且客户要求设计稿的每一个元素都能动起来,每1p只能占据一屏的情况下,用上述方法就会有一些问题,例如错位,例如变形....

网页自适应不同浏览器和分辨率[转]

上网这么久,曾经不止一次地看到有些网站的首页上醒目地写着"请用Internet Explorer 4.0版本以上浏览器在800×600分辨率下浏览本网站"等字样的文字.可是,我的17英寸的彩显你不能总让我用800×600的分辨率吧.再说了,虽然都说Netscape 6.0没有IE 5.5好,但我也要尝尝鲜呀!哦,原来你的网页在Netscape中这么丑!怪不得…….笔者经过一番研究之后,已经找到了解决此问题的方法.不相信吗?那就往下看看再说吧!首先需要建立如下几个HTML文件:index