文档章节

关于手机屏幕分辨率与手机浏览器分辨率的差别

小和
 小和
发布于 2015/03/23 18:39
字数 233
阅读 60
收藏 0
点赞 0
评论 0

在调试手机网页时,发现手机屏幕分辨率与手机浏览器分辨率的差别,手机浏览器分辨率是很小的,1080P的屏幕,手机浏览器的分辨率宽度才360px。 通常这段代码可以测试屏幕分辨率与浏览器分辨率: <script type='text/javascript'>
document.write("浏览器分辨率是"+document.documentElement.clientWidth+""+document.documentElement.clientHeight );
document.write("屏幕分辨率是"+window.screen.width+"
"+window.screen.height);
</script>

也发现了用chrome测试手机显示效果也非常不错 打开chrome手机浏览器模拟器

iPhone6的浏览器分辨率

Nexus5的浏览器分辨率

Nexus5的手机屏幕分辨率是1080P,而浏览器分辨率只有360px; 可以使用document.documentElement.clientWidth获取来打印。

© 著作权归作者所有

共有 人打赏支持
小和
粉丝 7
博文 24
码字总数 7978
作品 0
广州
手机屏幕适配原理及实现

手机屏幕是用户与 App 最直接的交互点 不同的分辨率下用户对我们的 App 具有明显的感观差异,主流分辨率的更新迭代却又完全独立于 App 进行。这让我们想要使 App 在绝大多数主流手机上都保持...

ljrapple
2016/08/08
16
0
DPR(devicePixelRatio:设备像素比)

如今主流手机屏幕的像素点数已经远远超过了桌面显示器的像素数量,5.5英寸1920x1080P的手机与一个21英寸1920x1080P的显示器相比,同等面积下,手机的像素点更密集,可想而知,在手机屏幕上一...

lwang_it
04/03
0
0
手机端网页设计尺寸,手机端网页设计图片尺寸

电脑网页的设计尺寸 对大于30W台客户端用户进行测试,得到的测试数据如下(数据来源于网络): 安全分辨率为1024 X 768 px 可建议大分辨率为1280 X 800 px 在Window XP常见分辨率1024×768下...

DanielYue
06/29
0
0
HTML meta viewport属性说明(mark)

HTML meta viewport属性说明(mark) 什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的...

清城北苑
2016/08/04
0
0
android获取设备分辨率的新方法

Android手机分辨率多种多样,作为开发者,做出的软件不能只兼顾一种或几种手机,而要在尽量多的手机上达到另我们满意的现实效果。Android在设计之初,系统就被设计为一个可以在多种不同分辨率...

长平狐
2012/08/21
3.8K
0
android获取设备分辨率的新方法

Android手机分辨率多种多样,作为开发者,做出的软件不能只兼顾一种或几种手机,而要在尽量多的手机上达到另我们满意的现实效果。Android在设计之初,系统就被设计为一个可以在多种不同分辨率...

长平狐
2012/08/09
90
0
android获取设备分辨率的新方法

Android手机分辨率多种多样,作为开发者,做出的软件不能只兼顾一种或几种手机,而要在尽量多的手机上达到另我们满意的现实效果。Android在设计之初,系统就被设计为一个可以在多种不同分辨率...

长平狐
2012/08/14
98
0
聊一聊移动web分辨率的那些事儿

欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码): http://my.oschina.net/MrHou/blog?catalog=477313&temp=1466755903794 1 PC到移动,渲...

侯禹
2016/06/24
271
1
HTML meta viewport属性说明(mark)

什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏...

Daniel_s
2016/01/27
10
0
Android使用最小宽度限定符时最小宽度的计算

Android开发中最头疼的问题之一就是兼容不同尺寸和分辨率的设备。这里推荐一篇总结的比较完整的《Android开发:最全面、最易懂的Android屏幕适配解决方案》。这篇文章对屏幕兼容的许多问题都...

qingspace
2016/06/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python3.6用的外库遇到的问题

要用到wmi库 pip install wmi 装后不能用还要安装pywin32库。 要用到crypto加密模块安装pip instal pycrypto装后不能用。要安装pycryptodome。...

oisan_
5分钟前
0
0
select, poll, epoll I/O复用介绍

什么是I/O复用? 内核监视多个文件描述符(I/O文件句柄),一旦某个描述符就绪(一般是读就绪或者写就绪),能够通知应用程序进行相应的读写操作。 I/O多路复用又被称为“事件驱动”(比如读写事...

xiaoxlm
5分钟前
0
0
【Spring 系列 给IOC容器添加组件的几种方式总结】

给Spring 注册Bean的几种方式总结。其中使用@Import注解是Spring Boot 完成自动配置的一个核心注解。 1、Spring 中给IOC容器添加组件的几种方式 在Spring的配置文件中,配置Bean(基于XML方式...

HansonReal
6分钟前
2
0
bootstrapTable语言包设置

###方法一引入不同的语言包 <script src="bootstrap-table-zh-CN.js"></script> ###方法二引入全语言包 <script src="bootstrap-table-locale-all.min.js"></script>//然后在初始化前设计默......

momo1987
7分钟前
0
0
Saltstack 常用命令

1、拷贝文件到客户端 # salt 'slaver.test.com' cp.get_file salt://apache.sls /tmp/cp.txt 2、拷贝目录到客户端 # salt 'slaver.test.com' cp.get_dir salt://test /tmp 3、显示存活的客户......

硅谷课堂
8分钟前
0
0
致初学者-如何学好Python这门编程语言?[图]

致初学者-如何学好Python这门编程语言?[图]: 对于很多Python3初学者,往往会面临以下问题:Python2和Python3我该学习哪一个?是否要安装Linux系统学习Python?Python3有各种版本我该安装哪...

原创小博客
11分钟前
1
0
E31---setopt=protected_multilib=false

今天在云服务器上装nginx,需要先安装一些依赖库比如zlib, ,但是安装zlib时候报错。 yum install -y zlib zlib-devel 1 (-y 指的是如果需要选yes no的自动y)下面是报错 Protected multil...

侠客行之石头
15分钟前
0
0
HTTP常见面试题

Http与Https的区别: HTTP 的URL 以http:// 开头,而HTTPS 的URL 以https:// 开头 HTTP 是不安全的,而 HTTPS 是安全的 HTTP 标准端口是80 ,而 HTTPS 的标准端口是443 在OSI 网络模型中,H...

JK_OPERA
16分钟前
0
0
python爬取站长素材网页图片保存到ppt中

网站地址:http://sc.chinaz.com/tupian/index.html 直接上代码: import requestsfrom bs4 import BeautifulSoupfrom pptx import Presentationfrom pptx.util import Inchesimpor......

你为什么不吃药
18分钟前
1
0
Ubuntu 18.04 swap空间的修改

一、准备工作 执行“sudo swapon -s”命令,查看是否已经存在swap file 二、修改swap file # 如果第一步存在swapfile则需要先禁用sudo swapoff /swapfile# 修改swap 空间的大小为2Gs...

Iceberg_XTY
21分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部