responsive-images

0热度

1回答

我正在建立一个新的网站，并希望使用srcset让浏览器确定什么图像是最好的当前视口。会发生什么是我曾经放在srcset浏览器将只显示替代标记文本“测试”。如果我通过F12开发人员工具完全删除srcset属性，则图像显示得很好。我的示例中的所有图像都存在并显示在浏览器中：这是我的图像标签，是否有人可以看到有什么问题？ <img src="http://localhost/Medium/Alas

0热度

2回答

如何使用CSS网格布局来利用响应式图像

我一直在使用新的CSS网格布局，有一件事情我似乎无法找到关于如何使图像响应的信息？我试过使用媒体查询并将图像宽度设置为100％，但图像仍然在网格外溢出。我错过了什么？

0热度

1回答

如何限制WordPress响应图片中的图片下载大小？

我使用下面的附件图片大小在我的主题： “缩略图”（320） “中的”（640）， “medium_large”（768）和 “大”（1280）。 WordPress默认“srcset”和“大小”标签上的属性是导致浏览器在大视下载不必要的大图片。例如，我的一些布局在具有多列的网格中显示图像，因此在这些情况下无需加载最大版本的图像。有我的方式来指定要下载的最大图像尺寸是多少？具体来说，我试图寻找一

0热度

1回答

适合图片源srcset的物体贴合解决方案

我目前使用图片srcset来获得响应图片，并且目前正在寻找一种方法来使其缩放或覆盖整个元素或容器，很像css background-size: cover或object-fit。我已阅读该物体适合只适用于img标签是否有替代srcset。我使用Drupal的8响应图像模块，并将其呈现一个picture元素上响应图像 <picture> <source srcset="/aim-beta/

1热度

1回答

Android chrome始终使用srcset的全尺寸图像

这个问题真的令人沮丧，我很感激任何见解。这是总结。尽管图像具有完整的srcset，但Android上的Chrome始终提供完整大小的图像。因此，如果页面有10个图像，尽管每个图像的宽度有5个版本，但会使用全尺寸，通常为1-2MB，因此在移动设备上为20MB。。如果你看看下面的图片中currentSrc，它是海岬型Vulture.jpg”这是全尺寸的版本1.2MB已经下载了这个负载（200状

0热度

2回答

为什么Chrome的使用<img srcset>`

jsbin img { width: 100%; } <img srcset="http://lorempixel.com/400/200 400w, http://lorempixel.com/300/200 300w, http://lorempixel.com/200/200 200w"> 尝试调整功能，JS斌在Chrome〜61不

-2热度

1回答

图片和段落在手机上没有正确显示

图像偏右，页脚翻过文本。当我在移动设备上查看网站时会发生这种情况。我该怎么做才能做到这一点？这里是网站： www.ferskvaregrossisten.no img{ width:100%; width:150px; length:150px; -webkit-transform:rotate(270deg); -moz-transf

1热度

1回答

图标与响应大小像`背景大小：包含;'

我有一个应用程序，有很多的图标。我知道使用这些图标的精灵是正确的方式，而不是有多个小图像。然而，我需要这些图标是尺寸与容器（background-size: contain;）相同，所以被迫使用多个图像的每个图标： .icon1 { background-image: url('../my-site/icon1.gif'); background-size: contain;

0热度

1回答

Materialise的响应形象卡

没有申请我在物质化的卡片： <div class="row"> <div class="col s12 m7"> <div class="card large"> <div class="card-image"> <img class="responsive-img" src="img/xv-chars.png"> </div>

0热度

1回答

WordPress的不同的图像大小

在我的主题文件夹结构如下所示：的wp-content /主题/主题/ 谐音/ 内容英雄.PHP 我使用get_template_part('partials/content, 'hero')来包含模板部分。我在functions.php中使用wp_calculate_image_sizes筛选器将自定义大小属性添加到我的图像。我需要根据模板部分调用wp_get_attachment_image