腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
3
回答
如何
使用
CSS
确保
图像
不
超过
浏览器
可用
高度
?
、
我正在整理一个页面
使用
引导自由职业者主题(https://startbootstrap.com/themes/freelancer/)。 我想要
确保
忍者的
图像
填满了
可用
空间,但不会离开页面底部。我
如何
设置它,使其始终调整到最大,但不裁剪任何
图像
? 我试过
使用
object-fill:contain,但不起作用。 ? 另外,如果我尝试设置
高度
:80%或更高的值,由于某种原因,它会使
图像</em
浏览 24
提问于2019-06-20
得票数 0
回答已采纳
2
回答
在电子邮件模板中,我可以
使用
什么
css
实时裁剪
图像
?
如何
裁剪电子邮件模板的
图像
?我有一个特定宽度的
图像
(例如520 an )。我想
确保
高度
不
超过
150磅。这只用于电子邮件..。如果我
使用
的是最大
高度
或
高度
css
,那么它会被像素化?
浏览 2
提问于2015-04-14
得票数 2
回答已采纳
1
回答
预览和缩放
图像
,如Firefox
、
、
、
在Firefox中打开
图像
时,它具有以下特征:
如何
使用
CSS
/JS复制此功能?我尝试过几种<
浏览 4
提问于2015-06-09
得票数 2
回答已采纳
1
回答
没有绝对位置的垂直对齐
图像
我有一个带有
图像
的滑块,其中一些比视口大。div.flex-viewport{}通常,我会
使用
绝对定位来实现这一点,但这会以某种方式使
图像
不可见(在FlexSlider中)。 垂直对齐不起作用。
浏览 3
提问于2013-08-06
得票数 0
3
回答
如何
让背景图片占据整个页面?
、
、
我知道
如何
将其设置为无重复;但是,如果
图像
分辨率没有桌面大小那么大,它将无法填满整个屏幕。是否可以将背景
图像
设置为填充/拉伸屏幕。我根据天气描述通过jquery/javascript设置背景
图像
。"stars"]; $('body').
css
font-size: 18p
浏览 0
提问于2017-06-30
得票数 0
4
回答
限制宽度与
高度
的关系,反之亦然
、
使用
CSS
,我想将1维限制为永远
不
超过
另一个因子。max-height: (width * 0.75)px; 将
确保
元素的
高度
永远不会
超过
其宽度的75%,但它可能更小。编辑:请注意,我不是想让
高度
精确到宽度的75%,而是要
确保
它不
超过
75%
浏览 0
提问于2016-01-20
得票数 1
2
回答
如何
创建与medium.com类似的响应性背景
图像
、
、
我正在创建一个
使用
基础框架的rails web应用程序,但我很难找到一种方法来保持
图像
的纵横比,以我所希望的方式。 在上,他们以我希望的方式在主页上
使用
全宽度的背景
图像
。当调整
浏览器
从非常宽到小的大小时,
图像
最初会缩放,保持高宽比。然后,他们似乎达到了一个最低的
高度
和保持
高度
,同时
确保
图像
的宽度
不
扭曲。最后,他们
使用
一个媒体查询来为非常小的屏幕更改
图像
。我挣扎的地
浏览 3
提问于2014-03-04
得票数 3
回答已采纳
5
回答
表中的巨大差距-2010年展望
、
、
、
、
我正在为一个在办公室
使用
Outlook 2010版本14的个人电脑的客户处理多封电子邮件。不管电子邮件是
如何
创建的,表的右侧都会被吹走。例如: 电子邮件2:这是代码:视图-源:
确保
图像
是代码中指定的
高度
和宽度。制作图
浏览 5
提问于2012-08-17
得票数 2
3
回答
CSS
媒体查询与
图像
大小
、
我目前正在我的WordPress博客中实现
CSS
媒体查询,我想知道
如何
调整宽度为400-600 to的博客
图像
的大小,以适应具有小屏幕的iTouch、iPhone和其他智能手机的屏幕分辨率。我的想法是添加这个
CSS
: width:55%;} 这样它就可以自动调整的大小,所有的图片在我的博客中。这件事我需要帮助。
浏览 2
提问于2013-01-03
得票数 3
回答已采纳
2
回答
CSS
3 -
如何
强制
图像
高度
/最大
高度
与(计算的)宽度匹配?
如何
将
图像
高度
与计算的(“宽度: 25%;")
图像
宽度匹配? 我试过“
高度
:calc(宽度)”,但这是无效的。与“
高度
:calc(宽度*1.00)”相同.换句话说,我不知道用户的屏幕大小/
浏览器
大小,所以我指定"img { width: 25%;}“以将4幅
图像
放进一行,但如果其中任何一幅
图像
是非正方形的,则会破坏布局;,我
如何
才能强迫
高度
不
超
浏览 0
提问于2019-09-08
得票数 1
2
回答
动态变化控制
高度
、
、
我有一个复选框,在它的选择,我显示一个
图像
。当未选中复选框时,我希望降低
高度
,这样就不会获取
图像
高度
。</div> 在<
浏览 3
提问于2017-01-16
得票数 0
回答已采纳
2
回答
CSS
显示:用于填充
高度
的表。Chrome/Safari与Firefox/Opera不同
、
、
使用
display:table和display:table-row
CSS
属性,我希望我的内容填充一个div的剩余
可用
高度
。如果内容
超过
可用
高度
,我希望显示一个滚动条。更好的是:
如何
在每个
浏览器
中实现我想要的(如Chrome所示)?Firefox和Opera:
浏览 3
提问于2013-04-12
得票数 2
回答已采纳
7
回答
如何
使
CSS
背景的一部分与
浏览器
完全匹配?
、
、
我对
CSS
并不熟悉,所以我不知道
如何
描述它,但这里有一个例子: 正如你可以看到的,在网站顶部的背景
图像
适合完美的
高度
和宽度与任何
浏览器
的空间,无论分辨率。当您向下滚动页面时,它保持相同的样式,其中特定的背景色与
浏览器
的空间非常匹配。我已经在笔记本电脑和手机上测试过这个,每次都非常适合。我怎样才能做到这一点?它是完全可以从
CSS
实现的,还是我必须涉及JavaScript/Jquery等等?我见过很多网站
使用
这种特殊的风格,我想了解锄头,它是做的
浏览 13
提问于2015-05-15
得票数 1
回答已采纳
2
回答
响应对象适配: Chrome上的覆盖修复
、
我想要一个视频(我也想用
图像
,但这里我
使用
的是视频),占100%的窗口宽度,但容器有一个有限的,指定的
高度
。维护视频的纵横比(这是非常重要的)。在Chrome中也会发生这种情况,但是
不
尊重容器的
高度
。该元件
超过
他的容器的
高度
,并不断增长到底部,根据窗口的宽度。object-fit: fill在两种
浏览器
中都运行良好,但是这里的问题很明显,
不
尊重高宽比,变形视频/
图像
/等等。autoplay loo
浏览 5
提问于2015-06-08
得票数 21
回答已采纳
3
回答
如何
缩小
图像
以适合没有设置宽度的容器
、
、
我有一些
图像
卡,每个
图像
卡都有一个
图像
和一些文本。这些卡片的大小由它们所包含的
图像
的
高度
决定。如果视区宽度太小,以至于设置的
图像
高度
会使
图像
水平溢出,我希望
图像
缩小,使其停留在卡/视区内 .card { max-width: 100%;</div> 我知道我可以
使用
媒体查
浏览 29
提问于2021-11-17
得票数 0
回答已采纳
1
回答
CSS
-具有
高度
和最大
高度
的div的行为
、
." />
使用
CSS
: height: x; overflow: auto;假设div总是
超过
x的初始
高度
,并且在x+y处停止增长(并开始滚动)作为
高度
x+y+z加载的
图像
,这是安全的吗?如果不是,我将
如何
在现代
浏览器
中一致地实现这种行为?
浏览 1
提问于2013-07-26
得票数 1
回答已采纳
3
回答
如何
使用
jQuery获得完整的
高度
、
、
我目前正在
使用
这个小提琴来尝试确定要检查的正确属性,以保持全高背景
图像
-而不是
使用
固定定位: });
如何
让镜像始终占用100
浏览 2
提问于2012-12-08
得票数 1
回答已采纳
1
回答
我希望能够水平滚动一个大的
图像
,但同时显示整个
高度
,这可以是可变的
、
图像
高度
将被缩放,以在顶部横幅下的
可用
空间中显示
图像
的完整
高度
,直到视口底部-它不需要垂直滚动。我的问题是,
如何
在保持
图像
比例的同时,最好地处理
图像
高度
的缩放,并且
图像
仍然足够大,以便仍然发生水平滚动(除非屏幕分辨率
超过
图像
比例)。我希望答案可以通过
CSS
来完成,但JavaScript解决方案也是一种选择。斯兰
浏览 0
提问于2012-05-22
得票数 2
1
回答
用于全页面网站设计的任何实际标准比率
、
、
、
我在一个图片密集的单页面站点上工作,我正在试图找出一个安全的高/宽比,这样我就可以大致了解如果宽度设置为100%,在
不
按下折叠下的“下一步”按钮的情况下,幻灯片
图像
可以达到多高。这考虑到了
浏览器
界面、任务栏等等。我想知道是否有任何提议/研究/应用的半标准,如960网格来处理这些布局?澄清: 对于我的
浏览器
/屏幕(带有1920x1080分辨率的菜单和地址栏的FF19),“更多”按钮会被按到折叠下方,所以我必须向下滚动才能看到它。这就是我想要避免的。显然,我可以使幻灯片<
浏览 0
提问于2013-05-06
得票数 0
2
回答
如何
通过屏幕
高度
而不是
浏览器
高度
来设置
高度
、
、
例如,我
如何
设置div容器的
高度
为屏幕
高度
的60%?如果不调整
浏览器
窗口的大小,则在
css
中将
高度
设置为60%效果良好。但是如果我缩小
浏览器
窗口,div也会相应地缩小。提供了一个很好的例子。“任务完成”,灰色部分始终是相同的
高度
,无论
浏览器
窗口
如何
调整大小。
如何
确保
这一点?我不想
使用
px来
确保
HiDpi支持。 谢谢,
浏览 3
提问于2017-11-09
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
实现报告CSS-UI-3
好程序员HTML5教程-HTML和css基础知识
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
CSS代码实现用户跟踪及反跟踪方法
2020 年响应式 Web 设计备忘清单
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券