像素比，srcset？

来源：

咕咕问

2016-09-17

设备物理像素=设备独立像素这样图片width:100px; 在手机不同的像素比中会有相同的显示效果。

但是高分辨率的屏幕显示达到最佳效果肯定会要求图片是高清的

如果在高分辨率屏幕上有图片设置上面的 width=device-width, initial-scale=1;

那么我如何写srcset 如果单纯根据 w，h 来进行设定可能会出现高分辨率的屏幕展示的图片并不是高清图片而是一般的图片

而如果使用 x 来进行设定又无法根据当前屏幕的width，height设定展示不同尺寸的图片

主要是还是对像素比不了解

对 <meta name="viewport" content="width=device-width, initial-scale=1"> 也不了解

写回答

1回答

姜维

2016-09-19

已采纳

就像上面的链接里面，width 和 height 尺寸只是 css width 和 css height，由于手机的设备像素比和像素密度不同，所以同样的 100px 的图片，有的手机是用 2*2 个像素显示 1px * 1px，那么需要判断设备的dpr，来决定是否使用更清晰的照片。

咕咕问

非常感谢！

2016-10-26

共1条回复

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

相似问题

回答 1

回答 3

回答 1

回答 1

回答 1