responsive-images

0热度

3回答

我注意到，（在写作的时候54.X）当使用CSS来调整无损png文件（正常/视网膜目的），在最新的Chrome，，结果是模糊的。当添加下面的规则到的img标签 img { image-rendering: -webkit-optimize-contrast; } 那么结果是更好：问题：Safari的引擎渲染此完全不同的（更糟糕）个我的问题我怎么能PNG调整无损没有质量问题

0热度

1回答

Grunt responsive_images_extender - 没有srcset

我遇到了Grunt responsive_images_extender的问题。我的srcset没有在build文件夹中设置。按照自述documentation，它说的是，默认的任务代码将直接从第一responsive_images任务创建的图像尺寸设置了srcset。（这在我的情况下增加了build文件夹中3img大小）虽然当我通过与下面的默认配置代码的终端运行： grunt.initC

1热度

2回答

模拟CSS中的srcset

我知道imageset是与HTML的srcset属性等效的CSS。但current spec仅支持x像素密度单位，而不支持w和h尺寸单位。例如： <img srcset="high.jpg 2000w, medium.jpg 1200w, low.jpg 800w"> 如果我调整我的浏览器窗口400个像素宽的Chrome首次加载low.jpg。当我使窗口变宽时，首先加载medium.jpg，

0热度

1回答

使用srcset +尺寸抑制隐藏图像的下载

我正在寻找一种解决方案，以使用srcset来抑制/限制在某些断点处隐藏图像的下载。我想避免使用背景图片和JavaScript。知道如果这是一个合法的方法： @media screen and (max-width: 768px) { .container { display: none; } } <div class="container">

0热度

1回答

图片元素 - 哪里申请响应IMG类

比方说，我已经得到了下面的图片元素： <picture> <source srcset="images/[email protected] 1x, images/[email protected] 2x" media="(min-width: 840px)"> <source srcset="images/[email protected] 1x, image

2热度

1回答

为什么加载两个srcset图像？

在开发响应式Web模板的上下文中，我使用srcset属性根据当前视口大小加载不同的图像。这在一般情况下工作正常。但是在生产模式下，图像从DAM（数字资产管理系统）加载，其中使用特殊参数来缩放和裁剪所请求的图像，例如， <img src="{url}/s,x,586,y,0/{img_id}" srcset="{url}/s,x,293,y,0/{img_id} 293w,

0热度

1回答

如果div在页面加载后增加，响应图像不会增长

我正在制作一系列响应式pinterest样卡片，每个卡片都放在引导列（col-md-4）中 - 因此它们显示为三行中等宽度的屏幕（例如横向的ipad）。它们会缩小和壮大，直到显示屏缩小到小屏幕大小，此时Bootstrap变成单列显示（例如，在纵向模式下的iPad）。在这一点上，卡包装div的尺寸正确地增加 - 现在比原来的三列尺寸更宽 - 但图像只增加到初始页面加载时的尺寸，所以它破坏了卡的外观。

0热度

3回答

Android - 是否有可能阻止背景变得更小，但允许它调整自己的大小？

我有这样的形象：这是它如何出现在小型设备：它看起来有点湿软。我希望它不会调整它的大小，按原样显示它，不会显示不适合屏幕的图像部分。像这样如果您有没有注意到，这款手机的在PIC屏幕上方具有wan't 调整，它只是把尽可能符合从中央图像画面的背景。它切割不适合屏幕的部分，并从中心获取尽可能多的部分。当我使用它的平板电脑，它完美的作品，因为片有一个大的屏幕尺寸：我怎样才能做到这一点？目前，这

0热度

2回答

div当页面浏览737宽度w/bootstrap

我陷入了这一点。我正在处理我的自定义网站的响应能力。我正在使用bootstrap。为什么我的<div class="col-xs-4">在737x宽度的视图中下降。屏幕截图如下：我希望图像的框位于文本的右侧。我的形象是<div class="col-xs-4"> 这里面是的jsfiddle：https://jsfiddle.net/DTcHh/26370/ 这里是我的结构： <div class

1热度

1回答

Bootstrap响应式图像网格

我想用Bootstrap创建响应式图像网格。我有4张图片，我需要桌面大小为1x4的网格，手机大小为2x2网格。我尝试了以下代码，但桌面大小的图像之间存在不必要的空白。移动大小也没有空间。我怎样才能调整这种布局？在此先感谢 <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3 col-s