课程: HTML Essential Training (2020)

今天就学习课程吧！

今天就开通帐号，24,600 门业界名师课程任您挑！

Responsive images

Responsive images - HTML教程

课程: HTML Essential Training (2020)

开始一个月试用 购买团队方案

Responsive images

“

- Sometimes, we want to display a big, beautiful, high resolution image for people with big screens and then, shrink it way down for people on phones, on small screens. CSS can do this. One image file can be shown at any size. But there's a problem. A big, high resolution image contains millions of pixels. And all that data can make the file size pretty big. Which takes a lot of time to download on a slow network connection and can use up people's data plans and in some markets, cost them a lot of money. We don't want to deliver unneeded high resolution data to small screens. Instead, maybe we should just make all of our images much, much smaller. Physically smaller, less colored data, fewer pixels, more compressed, that will work well for a smaller screen. But then if we send that file to everybody, people with big desktop monitors won't get to see a large, glorious photo. They'll get a low quality photo blown up…

内容