关于屏幕分辨率与图标放大尺寸以及网页分辨率的一些测试
来源:互联网 发布:chrome mac 安装 编辑:程序博客网 时间:2024/06/06 02:13
Image resolution,台湾译为“解析度”,香港译为“解像度”,中国大陆译为“分辨率”,泛指量测或显示系统对细节的分辨能力。此概念可以用时间、空间等领域的量测。日常用语中之分辨率多用于视频的清晰度。分辨率越高代表视频质量越好,越能表现出更多的细节;但相对的,因为纪录的信息越多,文件也就会越大。个人电脑里的视频,可以使用视频处理软件(例如Adobe Photoshop、PhotoImpact)调整大小、编辑照片等。
浏览器使用的是三星曲面电视。
浏览器分辨率:3840*2160
在图标字体原放大尺寸(1)下,图标就是和我们笔记本上显示是一样大的,大概50px*50px。浏览器的尺寸是随分辨率变化的。
<div id="test" style="width:3800px;height:2000px;"></div>
设置为此尺寸是可以正常显示的。
接下来我们把图标字体放大到2倍,可以看到所有窗口都变大了,我们的网页只能显示一部分了。
9磅微软雅黑,每英寸96像素。
9磅微软雅黑,每英寸192像素。
可见这种放大,是指每个图标所占像素变成以前的二倍。
这时候,我们网页上的DIV的长宽也放大了二倍,所占像素变成以前的二倍。
结论就是,此像素非彼像素。因此我们做大屏时,要注意放大比例所带来的显示比例的问题。网页自适应问题会继续研究。
0 0
- 关于屏幕分辨率与图标放大尺寸以及网页分辨率的一些测试
- 屏幕分辨率、屏幕尺寸以及屏幕适配和图片分辨率
- 关于iPhone尺寸与分辨率
- iOS 获取屏幕分辨率 以及放大模式、高清模式区别 和 获取UIImage图片的像素尺寸
- JS测试显示屏分辨率以及屏幕尺寸
- Android 图标尺寸分辨率
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- 探究Android的多分辨率支持以及各种类型图标尺寸大小
- android中各种图标尺寸以及多分辨率支持方法
- android中各种图标尺寸以及多分辨率支持方法
- java设计模式,责任链模式
- 如何在uboot中添加驱动程序
- 前端构建工具、browserify、gulp的组合使用及尝试感言
- SpringMVC源码总结(十一)mvc:interceptors拦截器介绍
- Android中Gson解析json数据使用@SerializedName注解与java对象不匹配的字段
- 关于屏幕分辨率与图标放大尺寸以及网页分辨率的一些测试
- LeetCode: 20. Valid Parentheses
- SqlServer 2008相关知识
- 基于jeesit下的工作流开发步骤
- 响应式编程(Reactive Programming)介绍
- UVA 11388 GCD LCM
- 关于String的contains(null)问题
- 无人机相关
- 在xib中添加几种机型预览效果