使用媒体查询逐步加载图像

文章/答案/技术大牛

发布

1回答

css、media-queries

如果我在800px宽的屏幕上打开它，会同时加载小的和大的jpg吗？或者浏览器是否足够智能，可以忽略较小的图像？

浏览 0提问于2011-10-06得票数 4

回答已采纳

2回答

CSS媒体查询-逐步调整大小？

css

有没有办法使用媒体查询而不是按预先确定的宽度逐步调整大小？例如。如果用户将窗口缩小10%，则图像和字体大小也需要减小10%。谢谢。

浏览 0提问于2011-07-06得票数 3

回答已采纳

1回答

当图像最终通过媒体查询隐藏时，延迟和手动控制<img>加载

html、css、webkit、media-queries

我有一个网页，它使用了一些默认不可见的<img>元素。直到图像变得可见，它们才会被加载。如果移动媒体查询启动，图像</

浏览 2提问于2012-09-11得票数 0

2回答

如何为HTML背景选择正确的图像大小？

html、css、background-image

moz-background-size: cover; background-size: cover;图像的大小应该是多少或者，我应该使用其他的尺寸吗？或者，也许我应该根据用户的设备定义不同的图像大小？如果是这样，我该怎么做呢？

浏览 0提问于2015-01-22得票数 0

2回答

如何使用HTML阻止图像

javascript、html、css

我想使用HTML代码在移动应用程序中显示它。但我不想阻止/不加载原始的网站背景，因为它非常大，你看不到它的移动。有没有办法用HTML / CSS / JavaScript做到这一点？

浏览 1提问于2015-09-09得票数 2

1回答

视网膜图像-picturefill.js和媒体查询

css、media-queries、retina-display

当通过创建两倍大的第二张图像来适应视网膜显示时，我见过picturefill.js建议防止下载较大的图像，除非需要它们。但这不就是'min-device-pixel-ratio‘媒体查询已经完成的吗？或者，即使不满足特定的查询，CSS中的图像也总是会被下载？

浏览 0提问于2012-07-05得票数 1

回答已采纳

1回答

媒体查询是如何反应的

css、media-queries

我想知道媒体查询是如何反应的。我在同一个html页面中使用媒体查询调用它。我想显示小图像，当用户在移动设备中打开它。如果我为同一图像调用两个CSS (即，根据媒体使用css更改背景)，我的大图像是否会加载到移动设备中？或

浏览 2提问于2012-10-06得票数 0

回答已采纳

3回答

我是否可以在内部CSS中使用媒体查询，并避免加载我定义的背景图像？

html、css、twitter-bootstrap、responsive-design、media-queries

/images/image.jpg); }</style>第二，这样会避免在手机上下载图片吗？谢谢

浏览 6提问于2012-10-16得票数 17

回答已采纳

2回答

响应背景图像-逐渐调整大小/渐强

html、css

我是否可以逐渐恢复我的背景图像。 

浏览 6提问于2015-11-24得票数 0

回答已采纳

3回答

使用@media查询时，手机是否加载不相关的查询和图像？

css、mobile、page-load-time

如果我的CSS基于移动样式，然后对逐渐变大的显示器(平板电脑、台式机等)使用@media查询，那么移动设备会使用桌面样式吗？我认为，通常情况下，移动设备将加载所有图像，即使它们不适用于自己的特定媒体大小。这意味着它将加载所有图像并隐藏与其基于查询的样式表不匹配的图像。我想要做的是在这个网站的更大的版本中使用一个背景： background: #1a1a1a url(&#x

浏览 3提问于2013-05-21得票数 40

回答已采纳

3回答

CSS Media query是否加载所有引用的css？

html、css、mobile-safari、media-queries

如果我使用CSS Media Query根据我的最大宽度应用两种不同的CSS，比如desktop.css和mobile.css，这实际上是如何工作的？这两个CSS总是由浏览器加载，然后在客户端应用实际的CSS，还是浏览器足够聪明，只加载相关的CSS？

浏览 0提问于2013-01-10得票数 1

1回答

当我看到Android应用程序使用视频、照片、歌曲等文件时，这些东西在打开的时候就已经显示出来了。我试图在我的应用程序中查询所有这些内容，但即使我只有100首歌曲，我也必须等待几百毫秒。当我想要获取图像或视频时，所需的时间大致相同。在Google Play上看到的应用程序如何实现这种加载速度？在加载应用程序和查找文件之前，他们还可以(例如)使用这些信息创建小部件(音乐播放器小部件)。我如何加载歌曲的一个示例： final String[] mediaProjection

浏览 0提问于2016-04-09得票数 0

1回答

响应图片元素从srcset下载正确大小的图像

html、responsive-images、srcset、picture-element

“大小”属性根据媒体条件确定显示图像的大小，而不是发送到浏览器的图像。

浏览 7提问于2020-11-24得票数 0

回答已采纳

3回答

jQuery检查视图大小和火功能

jquery、css、html、media-queries

我正在创建一个使用移动第一方法的网站。当网站在移动平台上浏览时，内容会被堆叠起来。1)使用媒体查询+显示:无一隐藏移动内容，然后在ipad模式下显示内容。但是，--我认为这对性能不利，因为我们正在不必要地下载资产并隐藏它们()。2)当屏幕大小达到500 to 600 to时，使用JQUERY插入内容。下面是附加代码..我的任务是:如何创建一个函数/ IF语句来检查视图端口大小，并且只有在屏

浏览 3提问于2014-12-29得票数 1

2回答

图片标签与CSS媒体查询

image、performance、media-queries

我想知道在纯性能(网站加载时间)的条件下使用图片标签与CSS媒体查询的好处。我正在开发一个网站，客户强迫我使用图片标签，但我认为两者是相同的。让我知道你的意见。 <img alt="a cute kitten">使用媒体<

浏览 0提问于2018-10-12得票数 5

回答已采纳

1回答

是否可以将Img srcset转换为背景图像？

html、css、responsive-design、background-image

我有一个响应式的标题部分，但我需要将图像从<img>标签传输到background-image中-这可能吗？320px; margin: 60px 0 0; object-fit: contain; } 基本上，我需要让图像跨设备响应，是否可以将srcset设置为背景图像或相同的效果？

浏览 10提问于2020-12-01得票数 0

回答已采纳

1回答

Jquery -背景图像-全宽度图库过渡

jquery、html、css

我有一个简短的建立一个时髦的B&B网站-他们想要全宽度的背景图像，我已经编码为封面图像使用媒体查询，以节省加载较大的图像在较小的屏幕。从那以后，他们回来告诉我，他们希望背景图像在每页上的几个图像之间旋转。我想懒惰地加载背景图像，每15秒左右创建一个很好的过渡，但我不确定采取的最好方法，或者我如何做到这一点，并仍然使用媒体查询-谁有任何类似

浏览 3提问于2013-05-22得票数 1

1回答

限制将图片加载到网站的移动版本

iphone、css、mobile、media-queries、responsive-design

不是一个单独的域(mobile.example.com)，而是一种响应式方法(使用媒体查询加载屏幕大小的特定CSS )那么，我如何通过javascript或其他类型的

浏览 1提问于2011-07-23得票数 0

回答已采纳

点击加载更多