background-size
图片将按比例自适应区域
图片将在左右和上下两个维度填满背景区域
图片完全覆盖背景区域，按比例缩放，有可能造成图像显示不全
在不同的设备上显示不同的图片
/* For width smaller than 400px: /
body {
background-image: url('img_smallflower.jpg');
}
/ For width 400px and larger: */
@media only screen and (min-width: 400px) {
body {
background-image: url('img_flowers.jpg');
}
}
上面程序中的min-width也可以替换成min-device-width；
background-size background-size：contain； background-size：...
dp:device independent pixels（设备独立像素）。不同设备有不同的显示效果，这个和设备硬件...
基本概念： dip: device independent pixels(设备独立像素). 不同设备有不同的显示效...
dip: device independent pixels(设备独立像素). 不同设备有不同的显示效果,这个和设...
上面一篇日记是在不同设备中会有不同的显示样式，但是在显示生活中不仅仅是针对不同的设备指定不同的样式，很可能是不同区...
我们可以在外部针对不同的设备，创建不同的css标签然后在html的link标签中引入，可以实现在不同的设备上面显示...
前言 页面为了适应各种设备（PC端、移动端的不同设备）的不同显示情况，增加了媒体查询的功能，通过特定的要求达到不同...
我们知道相同的图片在不同的显示器上的显示效果可能是不同的。人对图像在不同设备显示的感受对医院诊断有着非常重要的意义...
自适应:同一张网页适应不同设备分辨率及屏幕大小 响应式:根据设备大小显示不同的网页
官网一般结构复杂的都写两套，pc端一套代码，移动端一套代码，当用户用不同的设备时访问不同的页面，以下是代码：这部分...
本文标题：background-size、不同的设备显示不同的pic
本文链接：https://www.haomeiwen.com/subject/whpmvttx.html
网友评论