腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
处理不同尺寸的延迟加载图片的纵横比,避免内容跳转
、
、
、
html> <meta charset="utf-8"> <title>
JS
Bin</title> <
div
> <
d
浏览 2
提问于2019-08-12
得票数 7
1
回答
Next.
js
图像-如何保持纵横比并在需要时添加信箱
、
我的Next.
js
应用程序中有一个区域,它是图片库中选定的照片,因此当人们翻阅选定的图像或正在加载照片时,它的大小必须保持固定。这是我能得到的最接近的图像,但问题是当
宽高比
超过566x425时,图像会溢出,对于
宽高比
低于566x425的图像,它会直接在Y方向上拉伸它。<
div
position: 'relative', width: '566px',Current Image&qu
浏览 33
提问于2021-03-29
得票数 4
1
回答
在全高清中渲染
div
内容,然后按比例缩放
、
、
、
换句话说,我需要渲染1920x1080的
div
,然后按比例缩放它以适应客户端的浏览器。如何使用CSS、
JS
或jQuery来实现这一点? 编辑:我不需要按比例操作图像。
浏览 2
提问于2017-09-21
得票数 0
1
回答
如何在媒体查询中使用两个纵横比?
、
、
我正在尝试为不同的屏幕尺寸设置行为,例如,我想为
宽高比
320x560和
宽高比
414x736之间的任何屏幕设置一组css规则。所有内容都在这里:codepen在这里你可以看到我有一个宽度注释掉的工作示例,但由于某些原因它不能与
宽高比
一起工作。@media (min-aspect-ratio: 600px/495px) and (max-aspect-ratio: 1000px/800px){ color: yellow
浏览 13
提问于2019-05-21
得票数 1
回答已采纳
1
回答
随SRC变化的动态纵横比
、
、
、
、
我希望
宽高比
动态地改变与所选图像的自然
宽高比
的关系。我想不出在不丢失可调整部分的情况下修复它的方法。 1.12.1/themes/base/jquery-ui.css" rel="stylesheet" /><script src="h
浏览 8
提问于2019-06-20
得票数 2
回答已采纳
3
回答
保持
宽高比
,正常使用
div
?
、
我仍然对我的
div
有一点理解上的困难。我正在尝试制作一个根据浏览器/屏幕大小改变大小的网站。我已经走了这么远:<
div
id="wrapper"> <
div
id="left">Left</
div
> <
div
id="r
浏览 2
提问于2013-03-24
得票数 0
回答已采纳
1
回答
CSS定位:如何让它相对于一个元素而不是另一个元素?
、
我正在试着做一个渐变幻灯片
JS
。 如果所有图像都在父
div
下的position: absolute中,它就能完美地工作。当有不同方向和
宽高比
的图像时,问题就出现了,当我想让它们与
div
的中心(水平和垂直)对齐时,它们都粘在父
div
的左上角。
浏览 1
提问于2011-11-11
得票数 2
回答已采纳
1
回答
css -如何使
div
具有特定的纵横比
、
、
、
这就是我想做的: 1.外容器的
宽高比
应在纵横比以上App.
js
(我使用的是Bootstrap,所以现在不涉及css文件) <
div
class="p-2 bg-light"> <
div
classclas
浏览 5
提问于2021-09-20
得票数 2
1
回答
即使宽度为100%,高度为自动,也无法使图像在移动端响应
、
、
、
HTML: <
div
id = "projects"> <img id = "we-cycle-image" src/photos/we-cycle.png" width = "100%" height = "auto"> </
div
> CSS: #proj
浏览 24
提问于2021-08-01
得票数 0
2
回答
在使用flexbox时,如何在CSS中保持图像的纵横比不变?
、
、
、
大多数图像都有2:1的
宽高比
,但也有一些没有(可能太宽或太高)。我希望这些图像保持在2:1的
宽高比
。但是包含图像的
div
应该有2:1的
宽高比
,这样里面的任何图像都包含在里面,不会变大。 <
div
><img src=https://placeholder.pics/svg/400x200/FF9A9A>
浏览 2
提问于2019-05-06
得票数 0
2
回答
在加载内容之前触发onload事件
、
、
、
图像包装器需要有一个标准的
宽高比
,图像本身需要包含在包装器中,但我不能确定图像是否会有正确的
宽高比
。接近正常工作的
JS
: $('.card-img-wrapper').each(function() { <
div
class="card hide"> <
div
class="
浏览 0
提问于2016-11-09
得票数 1
3
回答
保持图像纵横比和使用宽度百分比
、
使用css我给了两个
div
一个背景图像(这两个
div
都是50%宽度),并将这些
div
放在一个容器中(100%宽度).banner_container { width: 100%; height() 有没有办法只用css就能做到这一点,或者这需要jquery/
js
吗?
浏览 1
提问于2015-04-07
得票数 0
1
回答
具有
宽高比
的响应式
div
、
、
我正试着让我的球员
div
在高度方面做出反应。目前,如果我调整宽度,
div
会缩小,但如果我调整高度,它不会。滚动条也没有帮助,因为lightbox-wrap
div
已经修复了,我猜。有没有办法让播放器
div
对高度也有反应?background: #ad3; padding-top: calc(56.25%); content: ''; <
div
class="lightbox-wrap
浏览 0
提问于2018-04-15
得票数 0
1
回答
使用css/
js
更改具有相同比例的父对象大小,并调整具有相同位置和比例的所有子对象的大小
、
、
我有父元素,父元素应该是响应性的,应该改变大小,以适应屏幕与这个相同的比例
宽高比
,就像在屏幕上(灰屏,红色-父元素) ? 如何使
div
具有相同的纵横比,并且最重要的是,如何调整子项的大小依赖于具有此比例的父项,并使用css/
js
将子项的位置保持在相同的位置? ? 孩子的位置是绝对的。
浏览 13
提问于2021-01-01
得票数 0
回答已采纳
1
回答
使用Javascript删除嵌入的Vimeo视频边框
、
、
我已经尝试使用CSS和
JS
删除边框,但都没有用。 我想知道是否有一种方法可以使用Javascript删除边框。
浏览 24
提问于2019-01-23
得票数 1
1
回答
基于内子img元素保持
div
的1:1纵横比
、
我正在尝试保持
div
的1:1
宽高比
。即使调整了浏览器窗口的大小,也必须保持纵横比。宽度和高度必须等于
div
必须与图像分辨率匹配。该怎么做呢?我是css的新手,因此寻求任何帮助。<
div
class="wrapper"><img src="someimage"/> </
di
浏览 9
提问于2021-03-04
得票数 0
回答已采纳
1
回答
将iframe高度设置为百分比值会导致其收缩
、
、
我正在尝试做一个响应式的iframe,它通过设置width=100%对宽度起作用,但是对高度这样做会导致如下结果: Iframe是放在<
div
class="w3-half w3-center">里面的
浏览 12
提问于2017-08-16
得票数 0
回答已采纳
3
回答
在
DIV
容器中维护类中图像的比率
、
、
、
在
div
容器类或图像类上?我应该包含什么大小属性来保持比率。示例:#img1 {}<
div
class="img-container"> </<
浏览 34
提问于2019-07-25
得票数 0
2
回答
如何在响应式设计中保持比例?
、
、
我在容器
div
中包含了几个圆圈。我使用百分比,因为我希望圆圈保持响应性并根据屏幕大小进行放大。我还希望这些圆保持为圆,而不是像我调整窗口大小时那样变成椭圆形。
浏览 2
提问于2013-12-03
得票数 3
3
回答
JS
中图像的变化
、
、
、
、
当屏幕的宽度变小或变大时,如何在
JS
中减小或增加图像的宽度?
浏览 0
提问于2020-07-31
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
什么是宽高比和定义?您是否发现自己在想:什么是宽高比?
DIV+CSS不用JS如何解决浏览器之间的兼容性问题
div和span
html+css+js 零基础入门系列课笔记-div+css布局课堂笔记-螺钉课堂
div&span 标签
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券