跨设备的像素大小

马坦斯特

CSS中的许多前端定义都使用像素作为度量标准。在设计多种尺寸的显示器时,该如何衡量?我假设像素大小是显示分辨率的函数。有什么方法可以使用实际尺寸(例如毫米或类似尺寸),或者在野外屏幕分辨率存在巨大差异的情况下,使用像素作为度量标准真的有什么意义?

乔什·克罗齐耶(Josh Crozier)

相对字体长度: ' em ',' ex ',' ch ',' rem '单位

视口百分比长度:vw ”,“ vh ”,“ vmin ”,“ vmax ”单位

绝对长度: “ cm”,“ mm”,“ in”,“ pt”,“ pc”,“ px”单位

请注意,并非所有浏览器都完全支持所有这些长度。参见http://caniuse.com/viewport-units

资料来源:http//www.w3.org/TR/css3-values/


绝对长度(例如px常用于响应式设计的媒体查询中)和视口标记集(例如)<meta name="viewport" content="width=device-width">这可以帮助确定屏幕分辨率。

基于视口百分比的长度可能是最佳的长度,但是并非所有浏览器完全支持它们因此,它们可能不是您的最佳选择。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何跨设备固定元素的大小

来自分类Dev

画布图像从桌面到移动设备的像素大小不同

来自分类Dev

SpriteKit:保持跨设备一致的大小和速度

来自分类Dev

Android Studio-跨多个设备的文本大小问题

来自分类Dev

CSS:无论移动设备的DPI大小如何,使div的高度都精确到300像素?

来自分类Dev

视网膜-设备像素比率与图像大小之间的相关性?

来自分类Dev

CSS:无论移动设备的DPI大小如何,使div的高度都精确到300像素?

来自分类Dev

如何计算设备像素比

来自分类Dev

如何计算设备像素比

来自分类Dev

CSS跨像素距离的过渡

来自分类Dev

跨设备的时钟域

来自分类Dev

Notepad ++跨设备设置

来自分类Dev

跨各种设备的权限

来自分类Dev

跨子网的设备发现

来自分类Dev

设备无关像素与比例无关像素

来自分类Dev

跨域/设备共享日历

来自分类Dev

跨设备python执行出错

来自分类Dev

UIImage大小(以像素为单位)

来自分类Dev

用像素设置精灵的大小

来自分类Dev

字符大小(以像素为单位)

来自分类Dev

表格大小(以像素为单位)

来自分类Dev

移动设备的背景大小

来自分类Dev

确定块设备的大小

来自分类Dev

找出设备的块大小

来自分类Dev

如何计算设备的像素密度(dp)?

来自分类Dev

如何计算设备独立的像素单位?

来自分类Dev

如何计算设备的像素密度(dp)?

来自分类Dev

在哪里可以找到设备细节的像素比?

来自分类Dev

跨设备照片捕获以上传