腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(7861)
视频
沙龙
1
回答
响应
式
图像
,
屏幕
宽度
为
25
%
的
scrset
,
选择
大
图像
、
、
、
所以我有一个使用
scrset
的
响应
式
图像
的
代码: <picture class="background-image"> srcset<img src="http://localhost:61186/asia_1637411941_1920x1280.jpg" alt="Asia"
浏览 52
提问于2021-11-20
得票数 1
回答已采纳
2
回答
我正在尝试使用多个mq进行
响应
式样式
、
、
在我
的
网站上,我尝试使用媒体静音器来指定移动设备大小、平板电脑大小和桌面大小。嗯,当我对平板电脑进行编辑时,它会将这些编辑应用到整个页面,而不仅仅是平板电脑
的
大小。我能做些什么来阻止这一点,并继续
响应
式
设计。
浏览 0
提问于2018-03-06
得票数 0
1
回答
HTML
宽度
/高度与srcset/尺码
、
、
最近,我正在为我
的
与
响应
图像
战斗。通常,我对
图像
的
策略是,它们不能大于450像素宽,但是有可能是小于这个大小
的
图像
。所以我开始用这个做一些测试。我不想向浏览器提供这个
图像
的
多个版本(除非有一些特定
浏览 4
提问于2022-12-04
得票数 0
1
回答
如何处理不同dpi
屏幕
的
图像
服务?
、
我有不同
的
dpi
图像
,您如何处理不同dpi
屏幕
的
图像
服务?这是我到目前为止所拥有的。only screen and (min-device-pixel-ratio: 1.5) { 这是用不同
的
dpi处理
图像
的
正确方法吗?
浏览 1
提问于2018-07-02
得票数 0
回答已采纳
1
回答
与Flexbox一起使用
响应
式
图像
、
、
、
我想使用flexbox和
响应
式
图像
(带有
scrset
和sizes
的
图像
)。但结果似乎很可怕。即使我使用flex-grow拉动对齐,
图像
也有不同
的
高度,因为浏览器将加载不同大小
的
不同
图像
。我希望所有
图像
的
高度是相同
的
。 我发现如果我使用flexbox,
图像
的
sizes很难设置,这是不可预测
的
。有什么办法可以解决这
浏览 1
提问于2018-03-30
得票数 0
7
回答
背景-大小:封面不工作?
、
这是我
的
页面如何设置高度也是
响应
性
的
?比如50%
的
屏幕
?如果我执行此更改: background-size: contain; width:100%; height:
浏览 5
提问于2014-10-07
得票数 23
14
回答
carouFredSel
响应
高度
、
、
我在使用carouFredSel时遇到了
响应
式
传送带
的
高度问题。它仍然会将
图像
的
最大高度添加到div。 当我
的
图像
宽度
为
740,高度
为
960时。它将
图像
调整到
响应
的
宽度
以适应
屏幕
,
图
浏览 0
提问于2012-11-01
得票数 16
回答已采纳
2
回答
响应
横幅
图像
、
、
我正在开发一个
响应
式
的
网站,其中有一个
大
的
横幅
图像
,跨越边到边。问题是,无论
屏幕
大小如何,它都应该是静态高度。因此,当我将
图像
设置
为
宽度
:100%时,它在全尺寸下看起来很棒,但一旦我开始缩小
屏幕
,
图像
就会变得比所需
的
宽度
更短。我如何设置使
图像
高度看起来永远不变,当
屏幕
尺寸小于
图像
尺寸时,它会放
浏览 3
提问于2014-06-26
得票数 2
3
回答
宽度
和高度要
响应
的
图像
说明
、
、
有人能给我解释一下
图像
是
响应
性
的
概念吗?我们应该为
图像
使用
宽度
和高度,有些人告诉我,.it使用
图像
的
宽度
和高度是不正确
的
,谁能详细说明。
浏览 0
提问于2019-11-08
得票数 0
1
回答
在div中定位
图像
时出现问题
、
、
、
我用instafeed.js从一个instagram账户中提取了3张最新
的
图片。它将
图像
加载到一个div中,我设法按照需要
的
方式设置
图像
的
样式。问题是我设置
的
方式是静态
的
。如果我在更大
的
屏幕
上查看页面,
图像
是三个一排
的
,位置不正确。此外,如果其中一个
图像
的
宽度
大于高度,它将不会与左侧
大
图像
的
底
浏览 0
提问于2015-12-10
得票数 0
2
回答
大
的
响应
式
背景
图像
-哪个分辨率?
、
、
、
登录页面由一个
响应
式
的
大
背景
图像
和一个菜单组成。我知道如何制作
响应
式
背景
图像
,但我
的
问题是:
图像
的
分辨率应该是多少?我应该得到2-3个不同
的
尺寸,并根据设备
的
宽度
来应用它们,还是应该减少一个?对于最大
的
屏幕
,哪种尺寸应该是最大
的
?谢谢。
浏览 1
提问于2014-10-28
得票数 0
1
回答
制作一个包含适合所有分辨率
的
图像
的
框
、
、
我知道这是一个广泛
的
主题和许多解决方案,但我认为我已经通过使用
宽度
解决了它。} width: 15.5%; padding: 5px;我需要做什么才能让它看起来总是像
图像
1,但如果
屏幕
不那么宽,那么它应该只是更少
的
图像
,但它应该总是适合?
浏览 0
提问于2013-12-14
得票数 0
1
回答
如何在html移动网站上消除巨大
的
空白空间?
、
、
、
所以我第一次尝试做一个项目组合网站,但是我在手机上测试它,才意识到在右手边有一个巨大
的
空白区域。但是我正在努力弄清楚为什么我试着移动一些页边距和其他css功能,但看不出有什么问题,所有页面上都是相同
的
问题。希望有人能帮我。(我知道这可能是很愚蠢
的
事情……)只是索引页面的HTML代码(问题对于所有其他页面都是一样
的
) margin: 5px; margin-bottom: 50px; lin
浏览 15
提问于2021-05-23
得票数 0
4
回答
如何停止镜像
的
响应
?
、
我想要使
图像
响应
,但仅直到
屏幕
的
特定
宽度
。比方说,如果用户从300px
宽度
开始放大
屏幕
,
图像
应该是
响应
性
的
,并且应该随着
屏幕
宽度
的
增加而增长。一旦达到1440px
的
宽度
,
图像
就应该停止调整比例。想象一下以下代码中
的
一个
图像
<style> .left-m
浏览 39
提问于2021-09-20
得票数 1
2
回答
响应
图像
和百分比
、
、
、
、
我有一个有很多
图像
的
布局,为了使我
的
布局具有
响应
性,我使用了
宽度
和高度
的
百分比值。每个
图像
都嵌套在一个div标记中,
图像
的
宽度
和高度都是其父
图像
的
宽度
和高度
的
100%。使用媒体查询,根据
屏幕
大小,我更改了包含每个
图像
的
div
的
宽度
,如下所示: 当
屏幕
浏览 5
提问于2020-10-16
得票数 0
1
回答
响应
式
图像
映射不适用于缩放
图像
、
我使用picturefill.js实现
响应
式
图像
功能。当我放置未指定高度和
宽度
的
原始
图像
时,
图像
显示在<picture>标签中,并根据
屏幕
大小拉出不同大小
的
相同
图像
。但当我指定高度和
宽度
时,
响应
式
功能不起作用。使用<img>标签加载
图像
。
浏览 2
提问于2015-09-30
得票数 1
1
回答
固定背景图片网站图片无
响应
、
、
、
我目前正在学习Bootstrap和关于网站
响应
性。在我
的
网站上,我总共创建了8个<div>,其中4个包含
图像
,4个包含文本内容,每个包含文本内容
的
<div>被放置在每个包含
图像
的
<div>之后。包含
图像
的
已被赋予“sect”
的
类名,即<div class="sect">。background-repeat: no-repeat;由于background-atta
浏览 2
提问于2016-12-25
得票数 0
2
回答
使
图像
更改大小以适合
屏幕
、
我有一个
图像
作为标题,当
屏幕
较小时,例如,当网站在iPhone或iPad上查看时,
图像
对
屏幕
来说太大了。我需要找到一种方法,使
图像
改变大小与
屏幕
的
大小相关。
浏览 0
提问于2012-01-21
得票数 1
回答已采纳
1
回答
将WordPress配置
为
使用
响应
图像
呈现
、
、
、
、
我们有一个网站,有定制
的
网页模板。每个页面模板都完全
响应
移动视图。我们使用
的
一家咨询公司建议我们将WP配置
为
对wp内容
的
图像
使用
响应
性<
浏览 0
提问于2021-01-25
得票数 0
2
回答
jQuery移动设备中
的
大
图
、
、
、
我有一个
大
的
图像
(685png× 900,只有
25
kb
的
PNG),我需要
的
是显示在‘内容’自动调整
屏幕
尺寸,并有可能用手指缩放它。现在,通过以下方式: <img src="img/myimg.png">它显示了完整
的
图像
,
浏览 1
提问于2014-05-20
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
什么是响应式网页设计?
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
浅谈 Web 图像优化
响应式图片的 3 种解决方案
一些应用于响应式网站的jQuery代码片段
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券