第一种也是最方便的把图片设置成百分比，用百分比来控制，比如你的格局，在div中，分两个区域每个区域有50%大小，占用整个屏幕的大小，然后你在一个div中的图片设置100%，他只是占了整个屏幕的50%的，如果设置50%，那么他占用的是25%，根据上一级的区域来设置的这样拖动浏览器的时候，也会根据浏。

移动端的网页应该设置viewport视口或者视区，比如ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=1，maximumscale=1，minimumscale=1，userscalable=noquot 把它放到head区即可具体的意思你可以自己搜viewport电脑端的浏览器会自动忽略这个。

html设置图片像素不受分辨率影响方法如下1在电脑最下方开始菜单中的所有程序附件找到画图工具进行进入操作2将所要上传的照片通过手机或相机传入电脑，再依次进行修改，考试报名上传的一般都是红底照片，而且会规定大小，可以按他的规定来进行，例要求是像素为114*156的照片，占用空间大小小于。

固定div的宽度，这样在小分辨率模式下就会出现横拉条如果不想要横拉条，只有写百分比宽度，同时图片的宽高也设为百分比。

src =quotddjpgquot align=quotabsmiddlequot ltdiv ltform ltbody lthtml 要图片居中首先注意的height500px lineheight500px一定要加fontsize500px 但是在firefox里不支持本文来自CSDN博客，转载请标明出处200804201aspx。

差别只是比例不同5但是，无论屏幕用什么分辨率，对pt打印出来大小都是一样的，因像素点大小可以跟着分辨率变化，pt转换为像素点后也会跟着变化，但无论怎样，pt的实际值是不变的，换句话说，就是基本的长度单位可能不是像素，而是其它的和生活中的度量单位一致的单位了，比如日常的打印机。

你可以考虑下响应式网页，跨平台兼容各种分辨率宽度是不受影响的，高度会受影响，而且在父元素等同图片大小时，不会影响清晰度如果只是在PC上保持网页不变形，整体页面直接把宽度定死在10001004像素，目前1024的分辨率是最小的，所以可以保持页面不变形或者可以考虑使用JS或者css3去判断分辨率。

1首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片2然后建立一个html文档，将它和背景图片放到一个文件夹中3编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px4就给div设置背景图片5在浏览器中预览会发现图片平铺了，这不是想要的效果。

backgroundposition 规定背景图像的位置backgroundsize 规定背景图片的尺寸backgroundrepeat 规定如何重复背景图像backgroundorigin backgroundclip backgroundattachment backgroundimage 规定要使用的背景图像如果不设置其中的某个值，也不会出问题，比如 background#ff0000 url。

图像分辨率DPI这对于图像处理非常重要DPI表示每英寸中的像素数量，它决定了图像的细节和清晰度在设计和印刷行业，通常要求图像以高DPI如300DPI保存，以确保打印出来的图片质量良好输出分辨率这是打印机打印图片时的分辨率不同型号的打印机有不同的输出分辨率，通常以DPI为单位衡量输出。

分辨率指的是图像的dpi也有人说是ppi这俩概念我还没搞懂，反正就是指的图像内每英寸包含的像素数量，不是图片的尺寸，分辨率越高图片越清楚，但是电脑的屏幕分辨率都是72dpi，所以你做一张72dpi之上的图片在电脑上查看是没用意义的这两张图在尺寸上不同，但是占用内存却相同，那说明尺寸较大的那张。

在计算机图形学中，px是像素的缩写，代表图像的单元每个像素都由一个颜色值和一个坐标位置组成图像的分辨率即为每英寸有多少像素，常用单位为dpi例如，一张分辨率为300x300dpi的图片，就意味着有300x300=90，000个像素，每个像素可以在屏幕上呈现出不同的颜色在网页设计中，px也是像素的缩写。

分辨率肯定要一样，不然就手动设置宽度和高度是一样，你指的那种是焦点图特效，百度搜下很多的，也可以去Jquery乐园上看看。

导出的图片分辨率需要根据实际使用场景来确定以下是不同场景下的推荐分辨率用于印刷和打印建议分辨率在300 dpi点每英寸以上，以确保印刷或打印的质量和清晰度用于屏幕显示如果图片将在计算机屏幕上显示，如网页或电脑应用程序中，通常建议分辨率为72 dpi或96 dpi，以适应屏幕的显示分辨率用于。

例如大多数网页制作常用图片分辨率为72，即每英寸像素为72，1英寸等于254厘米，那么通过换算可以得出每厘米等于28像素又如15x15厘米长度的图片，等于420*420像素的长度相机所说的像素，其实是最大像素的意思，像素是分辨率的单位，这个像素值仅仅是相机所支持的有效最大分辨率80万 1024×768 5”。