的响应完整背景图片脚本显示了网页设计师如何避免JavaScript和只使用CSS代码,使图像正确显示在页面的整个区域,没有任何套管空白部分。
而“背景尺寸:盖”CSS属性可以在其自己的实现这一点,因为大多数网站这些天从两个移动设备和桌面设备访问定期,如果背景图像不被适当地选择,在这些设备中的一个时,图像将不总是适合窗口内正常。
该脚本还增加了CSS3媒体查询到目标小屏幕设备等,确保不同的,更合适,更亮的图像被用于智能手机和平板电脑。
总体来说,这一招可以说是相当有用的,特别是因为几年,现在高品质的背景图片是一个共同的趋势,网页设计行业。
一个演示是包含在响应完整背景图片使用CSS包
要求:
- 在CSS 3的浏览器李>
评论没有发现