腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
在
不同
屏幕
宽度
的
容器
中
堆叠
响应
图像
、
、
所以我把这个布局放在一个更大
的
显示器上: https://i.ibb.co/5kqvDZj/big.png 我从构建移动版本开始。https://i.ibb.co/CsdS9mS/small.png 现在,随着显示器变得更大,两个
图像
应该会逐渐远离彼此,并且还会发生一些重新排序,因此
图像
优先于文本。以下是我当前
的
代码,当我伸展
屏幕
尺寸时,一切都变得一团糟。line-height: 23px; font-size: 14
浏览 16
提问于2019-10-18
得票数 0
回答已采纳
2
回答
如何使引导导航栏下拉显示为内联
、
我已经被要求有一个网站
的
内联子菜单项目,我正在使用Bootstrap。 默认
的
下拉式引导是一个不错
的
‘向下切换’类,其中项目是
堆叠
的
,只有
宽度
的
项目与一些填充。如何将子菜单背景调整为100%
屏幕
宽度
,然后
容器
中
的
子菜单项和(Li)项内联而不是
堆叠
?看到我想要达到
的
目标的模拟
图像
。注意,与当前
的
子菜单
不同
浏览 4
提问于2014-07-31
得票数 3
回答已采纳
1
回答
固定背景图片网站图片无
响应
、
、
、
我目前正在学习Bootstrap和关于网站
响应
性。
在
我
的
网站上,我总共创建了8个<div>,其中4个包含
图像
,4个包含文本内容,每个包含文本内容
的
<div>被放置
在
每个包含
图像
的
<div>之后。包含
图像
的
已被赋予“sect”
的
类名,即<div class="sect">。当
屏幕
尺寸大于745px时,
图像</
浏览 2
提问于2016-12-25
得票数 0
2
回答
使
图像
更改大小以适合
屏幕
、
我有一个
图像
作为标题,当
屏幕
较小时,例如,当网站在iPhone或iPad上查看时,
图像
对
屏幕
来说太大了。我需要找到一种方法,使
图像
改变大小与
屏幕
的
大小相关。
浏览 0
提问于2012-01-21
得票数 1
回答已采纳
2
回答
jQuery移动设备
中
的
大图
、
、
、
我有一个大
的
图像
(685png× 900,只有25kb
的
PNG),我需要
的
是显示
在
‘内容’自动调整
屏幕
尺寸,并有可能用手指缩放它。现在,通过以下方式: <img src="img/myimg.png">它显示了完整
的
图像
,我甚至不能移动它
浏览 1
提问于2014-05-20
得票数 0
2
回答
图像
响应
性问题CSS
、
、
我使用猫头鹰旋转木马作为
图像
滑块。问题是,我希望所有的
图像
都在一个方形
的
容器
中
(每个
图像
的
单个
容器
),我可以用它来解决这个问题。
宽度
:100%;高度:自动 但是当我使用
不同
的
图像
分辨率时,问题就会发生。每幅
图像
可以有
不同
的
分辨率,但我仍然希望
在
大
屏幕
上将所有
图像
显示为300x
浏览 9
提问于2016-05-20
得票数 1
1
回答
有什么
不同
的
更好
的
方法来增加大
屏幕
分辨率
的
容器
宽度
?
、
有什么
不同
的
更好
的
方法来增加大
屏幕
分辨率
的
容器
宽度
? 我有
容器
宽度
1020px和12列
响应
式网格。我希望这个
容器
的
宽度
在
大
屏幕
上增加,并根据
屏幕
分辨率从1400px或更高缩放到
不同
的
宽度
。
浏览 2
提问于2014-10-06
得票数 0
2
回答
具有两个
不同
大小元素
的
jQuery同位素-流体布局
、
、
、
我有一个基本布局
的
照片(为投资组合)
在
一个页面上。有两个
不同
大小
的
图像
砖,较大
的
与较小
的
成比例,恰好是
宽度
和高度
的
两倍,块和窗口之间没有空白。只有几个较大
的
区块与几十个较小
的
区块混合在一起。这是一种
响应
式设计,因此
在
全尺寸站点上有5个20%
的
列,当窗口大小降到某个
宽度
以下时,有3个33.333%
的
列,所有这些都
浏览 0
提问于2011-11-18
得票数 1
1
回答
响应
css -当
屏幕
较大时停止
图像
重叠
、
、
我正在创建一个
响应
式
的
html5播放器,目前正在设计css。我遇到
的
问题是,当在大
屏幕
上查看时,
图像
会与.container重叠,而在小
屏幕
上查看时,不会填满
容器
。
图像
必须始终在所有
屏幕
尺寸上显示相同
的
大小,并且必须始终填充(高度)
容器
。 这是一个。我把它们都放在一个div
中
,用来模拟
不同
的
屏幕
大小,只需改变它
的</em
浏览 3
提问于2012-10-31
得票数 0
3
回答
增加
图像
的
宽度
,直到原来
的
宽度
,
在
响应
的
DIV
容器
内
、
、
、
我有一个<div>
容器
,占
屏幕
的
80% (
响应
页面)。在这个<div>
中
,我想显示一个
图像
,它是400x400(像素)。我
的
目标:
屏幕
宽度
减小:<div>
宽度
减
浏览 3
提问于2016-09-29
得票数 0
回答已采纳
2
回答
如何在使用css纵横比属性时设置最大高度/
宽度
?
、
、
、
我有一个
图像
,它最初是A4大小
的
,所以它
的
纵横比是1/ 1.414。我想在
屏幕
上显示这个
图像
,让它
响应
,所以如果
屏幕
被放大或缩小,它会变宽和缩小,但是,它永远不会超过其
容器
高度
的
100%或
宽度
的
50%。 我使用高宽比
的
CSS属性设置了
图像
的
高宽比。它是
响应
宽度
,但不是高度,我不能让它停止增长,当它达到
浏览 7
提问于2022-07-26
得票数 0
回答已采纳
1
回答
HTML/CSS双列布局,可移动为单列布局
、
、
我正在尝试做一个两列
的
布局,左边是文本
的
简短列表,右边是照片,就像这样……列表
图像
当在狭窄
的
浏览器窗口或移动设备上查看时,我希望
图像
和列表交替显示,如下所示……列表
图像
我想我只需要在HTML
中
以交替
的
顺序放置这些项目,然后
在
较大
的
窗口尺寸下将
图像
向右浮动即可。这看起来很适合移动
浏览 1
提问于2013-11-30
得票数 0
3
回答
如何以
不同
的
屏幕
大小
在
每一列
的
顶部创建2列div?
、
div
容器
正在破坏我
的
页面。它正在覆盖其他地方使用
的
容器
。还有什么其他
的
选择,我可以使用,仍然有相同
的
效果,即div列坐在每一个,但在
不同
的
屏幕
分辨率,它们
堆叠
在一起,并保持相同
的
宽度
和长度,因为他们缩小?如何创建两个
响应
性div,它们彼此相邻,并以
不同
的
屏幕
大小叠加在一起?尺寸是具体
的
(每个
浏览 2
提问于2022-08-25
得票数 0
1
回答
在
Bootstrap
中
列排序有什么意义?
、
、
在
Bootstrap 3文档
中
,他们给出了列排序
的
以下示例: <div class="col-md-9 col-md-push-3">.col-md-9 .col-md-pushrow"> <div class="col-md-9">.col-md-
浏览 1
提问于2017-08-26
得票数 0
回答已采纳
1
回答
如何在角度应用程序中最佳地实现
响应
图像
大小
、
、
、
、
这个组件显示了一个配置文件图片,我想根据我
的
应用程序正在运行
的
设备
的
屏幕
大小来更改它
的
大小。由于不太清楚,我尝试使用媒体查询来实现这一点。首先,我
的
index.html包含以下重要条目:“我的卡”组件
的
1920px) and (-webkit-min-device-pi
浏览 3
提问于2022-06-15
得票数 0
2
回答
Twitter
的
引导带,左/右栏边不均匀
、
、
我试图制作两个列,每个列都有一个
图像
,虽然这两个
图像
大小完全相同,但我注意到它们
的
左右边距不均匀,左边
的
边距略大一些,我如何解决这个问题?
浏览 3
提问于2018-06-16
得票数 0
回答已采纳
1
回答
如何解决模式内
的
图像
大小问题?
、
、
、
当您单击该模式时,它会打开
图像
,就像lightbox一样,但问题是,它是可滚动
的
,而且
图像
也不适合
屏幕
。height: 250px;.img-responsive1 height:100%; vertical-align: top;问题是那些类
中
的
slide-modal-content,img-responsive1幻灯片模式,也在上面的图片中,你可以看到它是什么样子
的
?如何确定模式
的
大小,使其适
浏览 2
提问于2019-10-03
得票数 0
1
回答
具有最大
宽度
和中心
的
内容和侧边栏
的
css网格页眉
、
我有一个崩溃试图使这个工作,我有一个布局,我现在想要
响应
,我需要
的
内容变得更小时,浏览器是调整大小,但需要
的
侧栏是一个固定
的
300px和网站
的
中心,最大
宽度
为960px 到目前为止 .container0; } grid-area: sidebar;margin: 0 0 15px 0 } 我从来没有想过让侧边栏
的
宽度
固定为300px,因为我只是想让它在任何
浏览 9
提问于2020-03-26
得票数 0
回答已采纳
3
回答
如何防止按钮
堆叠
?
、
、
、
在
我下面的代码
中
,一个令人难以置信
的
早期草案,我基本上是试图得到一些东西
的
定位。我得到了一般流程减去最后两个部分,但我遇到了一个问题。由于引导,一切都是
响应
的
,但是,当浏览器变得足够小时,按钮就会
堆叠
起来。如果你转到'google.com',而不是
堆叠
页面只会切断,我认为这看起来更好(但它仍将适应浏览器窗口
的
大小)。我如何修改我
的
代码来做同样
的
事情,或者至少
在
浏
浏览 4
提问于2015-07-15
得票数 0
回答已采纳
3
回答
如何使用CSS解决
图像
之间
的
空白?
、
、
、
我正在尝试使用CSS
中
的
宽度
缩放我
的
图像
,以便我
的
图像
将
响应
。我希望
在
屏幕
上有3个
图像
直到某个最大
宽度
,但在
宽度
设置为33.3%后,它们之间
的
空白会使其中一个
图像
减少。我仍然喜欢
图像
之间
的
小空白,但我希望
图像
跨越
容器
宽度
的
浏览 2
提问于2017-08-17
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
一行 CSS 代码实现响应式布局,使用 Grid 实现的响应式布局
什么是响应式网页设计?
一行 CSS 代码实现响应式布局–使用 Grid 实现的响应式布局
生活的主题是敲代码-BootStrap篇
从零开始学 Web之移动Web(七)Bootstrap
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券