腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如何将响应图像与签名的urls组合
html
、
responsive-design
、
google-cloud-storage
、
responsive-images
、
pre-signed-url
例如,这个html: <img srcset="
elva
-fairy-320w.jpg 320w, sizes="(max-width: 320px) 280px, src="
elva
-fairy-800w.jpg" alt=
浏览 11
提问于2019-06-12
得票数 3
1
回答
HTML中的“图片”标签没有可用的“图形标题”吗?
html
、
image
</figcaption><picture> <source media="(min-width: 800px)" srcset="
elva
-800w.jpg"
浏览 7
提问于2022-10-16
得票数 1
1
回答
如何在react.
js
/Styled组件中更改视口时动态更改图像
javascript
、
reactjs
、
styled-components
import { GlobalStyle } from '../Theme';import worldClassTalentMobileImg from '../assets/images/about/mobile/image-world-class-talent.jpg'; import
浏览 13
提问于2021-01-29
得票数 0
2
回答
有没有一种方法可以在没有媒体查询的情况下缩放固定位置的背景图像?
html
、
css
我猜图像在移动其位置之前保持其宽高比的同时可以缩小的程度是有限制的。现在我使用的是背景固定的图像,问题是在小屏幕上,当图像按比例缩小时,剩下的只是它的一部分。{ background: url("https://images4.alphacoders.com/848/thumb-1920-848687.png")no-repeat center center/cover; background-attachment: fix
浏览 1
提问于2019-09-10
得票数 2
2
回答
当使用srcset时,浏览器应该下载多个图像吗?
html
我的html标记如下: <img srcset="https://res.cloudinary.com/xxx/image/upload/c_scale,w_300/v1653408278/notforsquares/ll/DSCF4429.jpg 300w, https://res.cloudinary.com/makingthings/image/upload/c_scale,w_600/v1653408278/notforsquares/ll/DSCF4429.jpg 600w" sizes="(min-width:300px) 50vw 100vw"
浏览 3
提问于2022-07-01
得票数 0
回答已采纳
1
回答
字典中的排列
python
、
algorithm
、
recursion
':60,'Tartu':80}testDict['
Elva
'] ={'
Elva
':0,'Valga': 60, 'Tõrva':40,'Tartu':20} testDict[
浏览 0
提问于2014-12-15
得票数 0
1
回答
在响应图像的上下文中,HTML中的"src“代表什么?
html
、
src
、
srcset
“”“
elva
-fairy-800w.jpg 800w" 800px" alt="
Elva
dressed as a fairy">“”“<p
浏览 5
提问于2020-06-29
得票数 0
2
回答
为什么srcset不能正常工作在MacBookPro上(或者可能是视网膜监视器引起的?)
html
、
css
、
responsive-images
、
srcset
下面让我们关注一下html代码的一部分:
elva
-fairy-800w.jpg 800w"sizes="(max-width: 600px) 480px, src="
elva
-fairy-800w.jpg" alt="
Elva
dressedas a fairy"> 在带有内部
浏览 9
提问于2022-03-09
得票数 0
1
回答
用<picture>和
js
更改映像
javascript
、
php
、
html
、
jquery
、
laravel
->main_image }}"> @endforeach @endif </div></div>
js
浏览 0
提问于2021-11-21
得票数 2
回答已采纳
1
回答
CSS背景大小不像预期的那样工作。
html
、
css
、
twitter-bootstrap
我正在使用引导,并在我的页面顶部有一个巨型加速器头。我想要一个基于图像的背景为这台巨型电视。我试着用我对此的理解是,如果容器的大小(在本例中为巨型加速器)与图像大小相同(即,如果图像为1280x350,则该视图端口的容器大小为1280x350),则图像将显示而不进行任何裁剪或缩放。如果视口更大,它就会开始缩放,如果视口变小,它就会开始切割图像的一些部分。 这不是我想要的,在1080 p屏幕(本例中是1920x350)上,有一幅分辨率与视口相同的图像,我的图像正在大规模放大。该图像仅处于“中性”状态,视口大小为1042左右,考虑到该图像的宽度为1
浏览 1
提问于2020-04-28
得票数 0
回答已采纳
1
回答
用于rails条件的Javascript输出
javascript
、
ruby-on-rails
以下javascript返回浏览器的视口: $(document).ready(function(e) { }); showViewportSize(); function showViewportSize() { var the_inner_width = window.innerWidth;
浏览 5
提问于2020-02-04
得票数 0
回答已采纳
2
回答
CSS响应背景图像
html
、
css
我正在建设一个带有容器和背景图像的网站,但是device是一种移动设备,希望阻止客户端加载此图像。对于更大的屏幕,我想使用+-5图像,每一个设备的宽度都有不同的分辨率。但我找不到使用这个<img style="width: 100%;" src="./img/normal.png" srcset=" img/lowres.png 700w, img/normal.jpg 900w, img/highres.jpg 1100w" alt="test img">的方法 在CSS中,现在我使用的是一个常规的高分辨率图像。(但
浏览 6
提问于2022-10-23
得票数 0
2
回答
解释图像的“`srcset`”中的“w”
html
、
image
、
css
、
srcset
据我所知,srcset用于根据设备的dpi来确定要加载的图像。我在Google基础上看到了这个例子,它似乎使用w单元,而vw单元恰好是视口宽度的1%: srcset="lighthouse-100.jpg 100w, lighthouse-200.jpg 200w, lighthouse-1000.jpg
浏览 3
提问于2016-11-30
得票数 9
回答已采纳
1
回答
"srcset“和”size“属性之间的关系是什么?
html
、
responsive-design
、
responsive
、
responsive-images
、
responsiveness
假设我使用下面的<img>元素(代码取自MDN): <img srcset="
elva
-fairy-480w.jpg 480w, sizes="(max-width: 600px) 480px, src="
elva
-fairy-800w.jpg" alt="
Elva
浏览 15
提问于2020-08-16
得票数 1
回答已采纳
3
回答
传递两个背景图像:一个用于移动,一个用于桌面,来自PHP而不必重复HTML内容?
php
、
html
、
css
、
wordpress
假设我们需要为移动和桌面显示两个不同的图像。我们通常会这样做:<div class="container"></div>.container {} .container { }但是,当我们从服务器获取这些图像时
浏览 0
提问于2017-09-25
得票数 1
回答已采纳
1
回答
使用静态图像的艺术方向
gatsby
<picture> <source media="(min-width: 800px)" srcset="
elva
-800w.jpg"> <img src="
elva
-800w.jpg" alt="Chris standing up
浏览 3
提问于2022-01-31
得票数 1
回答已采纳
1
回答
图像在移动设备上不显示
html
、
css
、
responsive
、
srcset
我正在尝试在不同的屏幕尺寸上显示不同的图像。如果我调整窗口大小,禁用缓存并刷新,这是正常的,但当我选择设备来查看特定屏幕分辨率的结果时,图像不能正确显示。当设备为iPad (768x1024) -显示图像1170x425时,显示iPhone (375x667) -图像768x480。未加载移动设备的图像。我哪里做错了?img {} <img srcset="https://i.imgur.com/NM5
浏览 3
提问于2018-02-23
得票数 2
1
回答
如何使图像在放大的同时仍然保持高质量?
css
、
sass
我正在尝试制作一个类似apple.com的主页:这是来自苹果的图片: ? 下面是我的: ? 我怎样才能让我的图像像苹果一样充满?
浏览 16
提问于2020-07-21
得票数 0
3
回答
PHP将方括号中的unicode字符串大写
php
例如:应该产生我使用这个函数已经很长时间了。
浏览 1
提问于2011-02-16
得票数 1
回答已采纳
2
回答
更有效的方式,使图像响应不需要一堆不同的图像大小和媒体查询?
html
、
css
、
responsive-design
我正在一个响应网站上工作,到目前为止,除了徽标(徽标是PNG图像),一切都是有响应性的。我知道我可以使用媒体查询,但我已经意识到,使用这种方法,我将需要不同大小的相同图像的许多版本。是否有更有效的方法来完成这一任务?此外,如果媒体查询是唯一的选择,我应该让他们的尺寸,以便我的网站可以在所有设备上看起来很好。谢谢你的帮助! <div id="imgLogoDiv"> <img id="imgLogo" src="/img/giphylogo_V1.
浏览 1
提问于2019-09-10
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
js高级
JS数组
JS函数
JS书写优化
D3.js 5.0.0 发布,可视化 JS 库
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券