/* 当浏览器的可视区域小于980px */
@media screen and （max-width： 980px） {
css样式
}
/* 当浏览器的可视区域小于650px */
@media screen and （max-width： 650px） {
css样式
}
注意的是在页面的头部<head></head>之间加上下面这句∶
<meta name=“viewport” content=“width=device-widthinitial-scale=1.0”>
图片dpi指的是分辨率，分辨率又可细分为水平分辨率和垂直分辨率。分辨率可以从显示分辨率与图像分辨率两个方向来分类。显示分辨率(屏幕分辨率)是屏幕图像的精密度，是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一。可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。
1、DPI（Dots Per Inch，每英寸点数）是一个量度单位，用于点阵数码影像，指每一英寸长度中，取样、可显示或输出点的数目。
DPI是打印机、鼠标等设备分辨率的度量单位。是衡量打印机打印精度的主要参数之一，一般来说，DPI值越高，表明打印机的打印精度越高
2、PPI是Pixels Per Inch缩写，pixels per inch所表示的是每英寸对角线上所拥有的像素（pixel）数目。手机屏幕的PPI当达到一定数值时，人眼就分辨不出颗粒感了。
扩展资料
两者的区别
ppi和dpi确实是两个概念，但是有些事情是约定成俗的，图片的ppi无法反映这张图片能在冲印店得到的冲印质量
由于显示手段的不同，不同设备的“图像原子”是不一样的：
1、显示器：像素Pixel，单位PPI，常见标准72PPI；
2、打印机：墨点Dot，单位DPI，常见数值>1000DPI。
参考资料来源：百度百科-DPI
参考资料来源：百度百科-PPI
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）