图像达到屏幕最大宽度后未停止
是指在网页或应用程序中，当图像的宽度超过屏幕的最大宽度时，图像不会自动停止缩放或调整大小，而是继续显示在屏幕上，可能导致图像变形或无法完全显示。
这种情况可能会影响用户体验和页面布局，因此需要采取相应的措施来解决。以下是一些可能的解决方案：
- 响应式设计：使用响应式设计技术可以根据屏幕大小和设备类型自动调整图像大小。通过使用CSS媒体查询和弹性布局，可以确保图像在不同设备上都能适应屏幕大小，并保持比例和质量。
- 图像裁剪：如果图像超过屏幕宽度，可以考虑对图像进行裁剪，以适应屏幕大小。通过裁剪图像的一部分，可以确保图像在屏幕上完整显示，并保持比例。
- 图像缩放：另一种解决方法是对图像进行缩放，使其适应屏幕大小。可以使用CSS属性或JavaScript库来实现图像的缩放功能。但需要注意的是，过度缩放可能导致图像失真或模糊，因此需要权衡图像质量和适应性。
- 图像压缩：如果图像文件过大，可能会导致加载时间过长和带宽消耗。可以使用图像压缩技术来减小图像文件的大小，以提高加载速度和用户体验。常见的图像压缩方法包括无损压缩和有损压缩。
- 图像懒加载：对于页面上的大量图像，可以考虑使用图像懒加载技术。这意味着只有当图像进入用户视野范围内时，才加载图像。这可以减少初始页面加载时间，并提高页面性能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云图片处理（Image Processing）：提供了丰富的图片处理功能，包括缩放、裁剪、压缩、水印等，可帮助解决图像达到屏幕最大宽度后未停止的问题。详情请参考：https://cloud.tencent.com/product/img
请注意，以上解决方案和腾讯云产品仅为示例，实际应根据具体情况和需求选择合适的解决方案和产品。
相关·内容
4回答
我想要使图像响应，但仅直到屏幕的特定宽度。比方说，如果用户从300px宽度开始放大屏幕，图像应该是响应性的，并且应该随着屏幕宽度的增加而增长。一旦达到1440px的宽度，图像就应该停止调整比例。想象一下以下代码中的一个图像 <style>
.left-main {
flex: 30%;
background-color: #ffffff;
}
.icon-position{
margin-top: 200px;
margin-left: 33.195%;
width: 61
浏览 39提问于2021-09-20得票数 1
4回答
有谁能告诉我width和max-width之间的关系(比如哪种覆盖像素、百分比等等)？
如果我想使用它们，我如何使用它们：
当我调整窗口大小时自动缩放图像，当图像达到原始大小时停止缩放？
保持固定大小，直到我将窗口调整为某些小大小，然后开始自动调整大小。
浏览 3提问于2015-02-23得票数 1
2回答
因此，基本上我使用bootstrap 3构建了一个全屏食物图像网格。我已经使用container-fluid和适当的列来定义我的行和断点的宽度。每一列都包含一个食物图像，并使用class -col-lg-2col-md-3col-sm-4col-xs-4
我不想让图像之间有间隔，所以我删除了分配给column类的左、右填充，这给了我想要的外观。现在，当我调整网格大小时，一切都很好。然而，在屏幕宽度950px和980px之间，图像之间存在垂直间隔。我不确定是什么导致了这一点。有谁有主意吗？
我附上了几张图片来说明
谢谢
编辑： - Bootply。在下面的示例中，间隔宽度约为991px
浏览 1提问于2014-05-10得票数 0
2回答
我有一个图像，它最初是A4大小的，所以它的纵横比是1/ 1.414。我想在屏幕上显示这个图像，让它响应，所以如果屏幕被放大或缩小，它会变宽和缩小，但是，它永远不会超过其容器高度的100%或宽度的50%。
我使用高宽比的CSS属性设置了图像的高宽比。它是响应宽度，但不是高度，我不能让它停止增长，当它达到容器的高度，即它不断增长，忽略最大高度属性。
我需要img跟随最大高度和最大宽度属性，同时保持它的高宽比.
编辑:会有多页堆叠在一起，他们可以只有50%宽，是因为使用动画翻转他们像一本书，因此绝对定位。
以下是预期结果的图像：
我也看到过类似的答案，但我没有找到对我有用的答案
.co
浏览 7提问于2022-07-26得票数 0
回答已采纳
2回答
弹性滑块响应式传送带问题
、、、
我需要使用flexslider创建一个响应式旋转木马。问题是，如果我把浏览器窗口缩小到容器的大小以下，项目的位置就会变得混乱。
这是>1200屏幕上滑块的屏幕截图(很好)
这是>800屏幕上滑块的屏幕截图(!!)
我的JS init：
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
touch: true,
mousewheel: true,
itemWidth: 400,
pre
浏览 0提问于2014-01-31得票数 4
我正在尝试创建一个大正方形，在大正方形内将有25个小正方形。我正在使用带有25个小正方形的png图像，并使用线性和线性水平来对齐正方形内的大文本视图。但是当我改变设备屏幕时，文本就会从png图像正方形的边界出来。有什么解决方案吗？
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.a
浏览 3提问于2016-05-20得票数 0
5回答
我正在显示这样一个来自json的图像
<img ng-src= http://********/****/{{newsS.image}}>
这张图片太大了，它占用了所有的屏幕。我试图使用CSS中创建的div缩小它，如下所示
#imgresize{
max-width:25%;
max-height:25%;
}
我把div添加到了这样的图像中
<div id ='imgresize'> <img ng-src= http://*********.com/***c/{{newsS.image}}> </div>
浏览 7提问于2014-10-10得票数 0
回答已采纳
这是一个更普遍的问题；但我在一些网站上(包括stackoverflow)注意到，当内容不在屏幕上时，用户必须滚动到正确的背景图像/颜色停止在100%的屏幕视图。有没有人有更好的办法来解决这个问题...除了设置最大和最小宽度？
下面是两个不同网站的google文档，解释我所说的内容。
浏览 1提问于2013-09-06得票数 0
2回答
基于分辨率调整图像大小
、、、
我一直在开发一个1440*900分辨率的monitor..The页面上的一个网站，有很多图像排列在网格状的结构中。当我在1280*800屏幕分辨率显示器上测试它时，它们之间的图像大小和空间都是基于我是using..But的监视器设置的，图像看起来对屏幕来说太大了(正如预期的那样)！！有谁能建议如何根据用户的屏幕分辨率来调整图像大小和它们之间的间隔呢？谢谢..。
浏览 3提问于2012-03-05得票数 0
回答已采纳
我在我的索引页面上有一张音响师拿着从左边滑入的吊杆的图片。为了将文本放在吊杆下，我将文本和图像放在不同的轴上。当涉及到不同的屏幕大小时，会有一些问题，因为文本会根据屏幕的大小上下移动，这可能会与吊杆的图像产生重叠。我在创建多个断点的过程中(天哪，有这么多)，这时我想也许有一种更好的方法可以让文本和图像相互调整。
codepen：
网址：
有没有更好的方式来编码图像/文本？
我粘贴了下面的适当代码，但完整的代码/html在codepen上
谢谢!
.mainwrapper {
position: absolute;
overflow: hidden;
z-index: -1;
w
浏览 0提问于2020-07-23得票数 0
无论图像尺寸或屏幕大小如何，goolge图像中显示的图像都会在页面的右侧平直结束。我在想，也许可以添加某种动态填充，使图像正好适合div？如果任何人对如何做到这一点有任何建议，将不胜感激！
浏览 1提问于2015-07-28得票数 1
1回答
我的博客是voraciouslyyours.com
我想知道我博客专栏的宽度。有人告诉我，我应该制作“两倍宽的堵塞柱”图像，因为视网膜屏幕需要双面宽才能清晰地显示图像。我试着用这个链接http://www.bu.edu/tech/services/comm/websites/www/wordpress/how-to/find-area-width/来查找宽度，但是当使用chrome工具和internet资源管理器时得到了两个不同的数字。有人能验证我博客专栏的宽度或帮助我找到它吗？
浏览 0提问于2016-10-12得票数 -1
我正在尝试使用CSS来确保我的页面上的图像将调整大小，如果屏幕低于某个分辨率或窗口低于某个大小。我已经阅读了使用{max-width:100%}，我已经将其合并到我的代码中，但图像根本没有调整大小。图像的宽度是500px。
谢谢!
CSS和HTML：
.left{
float:left;
width:600px;
}
.right{
float:right;
width:400px;
}
#logoimage{
width: 100%;
margin: 50px auto;
max-width: 100%;
}
#navbar{
text-align: center;
font-fami
浏览 1提问于2013-04-18得票数 0
回答已采纳
我正在使用Twitter Bootstrap制作我的第一个网站，并试图理解为什么我页面上的徽标图像在屏幕尺寸达到足够小时停止缩放并跳跃大小。
当前的行为让这个网站在iPhone上看起来很可怕。
图像文件本身是一个200x500px的.gif
下面是一个包含代码的jsfiddle：
下面是它所在的div中的代码：
<div class="row">
<div class="span1">
<img src="./HomePage/logo-02.gif" center alt>
</
浏览 0提问于2013-04-23得票数 1
回答已采纳
我试图使我的图像100%显示在一个容器内，就在彼此旁边。我碰巧有一个非常宽的屏幕，所以当我变宽时，我的图像不会达到容器宽度的100%。相反，图像之间的空间开始悄悄地进入。我该怎么解决这个问题？
这是我的密码：
<div class="container-responsive">
<footer>
<div class="row no-gutter">
<div class="col-md-4 col-sm-12 col-lg-4 no-padding">
<a href=
浏览 0提问于2018-04-19得票数 1
回答已采纳
我有一个网站，主要是为移动设备，但不只是为他们。
我已经使用了RWD方法。I在css (无硬编码px)中使用百分比值，I甚至用JavaScript缩放字体大小，因此无论屏幕大小如何，安卓手机、iPhone、iPad.-它看起来很好(菜单是宽度的100%，它的高度保持了比例，文本也是可见的)。
但是，当我在我的电脑上预览那个网站时(屏幕是24‘)，它看起来就像梦魇。但在如此大的屏幕上(与iPhone/iPad相比)，它看起来很糟糕( 5x5厘米大小的菜单按钮.)。
我想在某种程度上停止扩展元素的大小。
注意，以像素为单位的max-width/max-height是，而不是解决方案。这是因为一些
浏览 3提问于2014-11-03得票数 0
根据文档，
当定时器超时时，录制停止。
所谓停止，是不是意味着它在内部调用recorder.stop()，然后恢复应用程序在调用recorder.start()之前的状态？
浏览 2提问于2010-07-12得票数 11
1回答
将图像裁剪为较大屏幕上的条纹
、、、、
我所有的图像都应该是响应性的，所以我定义了图像宽度100%。但大多数图片在比iPhone更大的屏幕上变得太大了。这些图像不需要有完整的高度，所以我希望它们是条纹。
浏览 2提问于2016-06-13得票数 0
2回答
我有一个图像作为标题，当屏幕较小时，例如，当网站在iPhone或iPad上查看时，图像对屏幕来说太大了。
图片覆盖了导航，使网站无法使用。
我需要找到一种方法，使图像改变大小与屏幕的大小相关。
我该怎么做呢？
浏览 0提问于2012-01-21得票数 1
回答已采纳
1回答
我想上传一个Img到一个HTML-画布，并希望看到它后，立即上传完成。如何为图像保持适当的高宽比？
巨大的图像必须调整到给定的画布大小，因为不应该允许它们填充整个视图。
小图像也应该进行调整，以填充画布。
仅使用HTML + CSS + vanilla JS
我到目前为止所做的：
var fileUpload = document.getElementById('fileUpload');
var canvas = document.getElementById("renderCanvas");
var ctx = canvas.getContext("
浏览 6提问于2022-05-09得票数 -1
1回答
我试图用html和css制作一个非常基本的网页，适合多种屏幕大小。我已经将viewport设置为设备宽度，并尝试了从0.5到2.0之间的初始缩放值，但我似乎无法阻止基本html在屏幕外展开。对我来说最奇怪的是，当我检查html时，它的宽度是190 me，这应该是我正在模拟的设备宽度的一半。
这是我现在的头牌：
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
&l
浏览 6提问于2022-05-10得票数 0
2回答
我读了一篇解释css属性width和max-width的文章，并看到了这个例子：
img {
width: 100%;
max-width:700px;}
这意味着图像的固定宽度，如果父元素的宽度被显式声明，则应该占用父元素 - 的整个大小， - 所有的宽度都是100%，但是图像不应该超过700 it。这意味着图像可以小于700 be，如果这更适合它的情况(例如，较小的窗口大小)，但它永远不应该更多。因此，这里有两个条件，如果它愿意，图像的宽度可以是父元素的100%，但绝不能超过700 of。
但是，在这里添加width:100%不是不必要的吗？如果父级小于700 if，max-width
浏览 2提问于2020-09-30得票数 1
回答已采纳
1回答
在Google浏览器上放大，使header的背景图像消失，图像宽度为1 1px，但水平重复。
<html>
<body>
<div id="wrapper">
<header id="header">
<div id="Nav-Bar"></div>
</header>
</html>
CSS
#header {
width: 100%;
height: 220p
浏览 5提问于2015-09-16得票数 0
1回答
我正在用javascript，css和html做一个游戏，这是一个简单的游戏，其中的字符必须击中蛋糕，这样你就可以得到更多的分数。我有一个问题，关于蛋糕的移动和定位。我可以在屏幕上随机设置它们并水平向右移动，但我不能让我的函数重复，也不能将蛋糕限制在屏幕的某个区域。
这是我的HTML：
<script language ="javascript">
function createNewCake() {
var myDiv = document.createElement('div');
my
浏览 3提问于2015-05-26得票数 0
1回答
CSS -如何旋转和全屏图像？
、、、、
我试图实现一些我认为很容易实现的事情，但与HTML/CSS一样，情况并非如此^^
我有一个图像列表，一个在另一个下面(它们是分析图表)，最大宽度设置为100%以适应屏幕大小。一切都很好。当我点击一个图像，我将图像“完全筛选”和旋转90度，如果屏幕是纵向模式(迫使用户切换到景观模式，即。(旋转装置)。图像应占用所有可用空间，并应居中(水平和垂直)。应保持高宽比。
我已经成功地旋转了图像，但它在屏幕顶部展开，所以我必须将它转换到底部大约30%.但不准确..。为了决定图像是否应该旋转，我使用了带有方向的媒体查询。
function enlarge(element) {
element.cla
浏览 1提问于2018-07-23得票数 1
我有一个大小为1024x1024的图像，我想让它作为一个ImageView对象作为背景。我已经将ImageView的高度和宽度设置为设备的大小，并加载了图像-发生的情况是图像显示整个图像被压缩到给定的尺寸。
我希望看到的不是整个图像-我希望它缩放以居中显示，以及图像中不适合屏幕的部分不显示。我的最终结果应该只是设置高度和宽度，任何一次性的东西都将被溢出和隐藏。
如何将图像设置为不拉伸？
浏览 1提问于2016-02-09得票数 1
我正在使用jquerymobile开发一个web应用程序，我将页面样式的宽度和高度设置为100%。我有该页面的背景图像，也设置了背景暗淡图像重复。
在iPhone上，在纵向模式下，背景占据了整个屏幕的大小，但当我切换到横向模式时，屏幕底部会出现空白(没有bg)。只有在iPhone上我才有这个问题。我还在安卓、ipad和黑莓设备上进行了测试。在所有这些设备上，根据控制，两个方向都有背景图像，完美地占据了整个屏幕。
有人遇到过这个问题吗？或者可以对这个问题给我一些建议？
浏览 0提问于2011-03-09得票数 0
回答已采纳
1回答
我需要在UIWebView中加载一些从网络上下载的html字符串。它们包含大量的图像，其中一些对于ipad屏幕来说太大了。我如何缩放它们以完全适应屏幕边界？我不想把较小的图像缩放到一个固定的尺寸。
浏览 0提问于2013-08-01得票数 0
1回答
一个看似简单的问题。我已经创建了一个响应网站，与引导。在一个特定的页面上，有4列，宽度相等。在每一列中，都要插入图像。
为了插入尽可能接近列宽的图像，我是否只需将1024 as除以3，以确定4列中每列的宽度，然后确保图像尽可能接近结果的列宽？
在这样做时，图像将正确地出现在较大的1024 so屏幕上，同时在较小的屏幕上被缩小。
我的理解正确吗？
浏览 1提问于2018-01-12得票数 0
回答已采纳
我有这样的代码，我将两个图像的最大宽度设置为最大宽度:50%。一开始，我以为每个图像都会延伸到屏幕的50%，就好像我设置了宽度:50%，但是所有浏览器的行为都是不同的，而且实际上是一致的。
这种行为有效吗？
附注：这个行为实际上是我想要实现的，所以没有可以修复。
<img id="hplogo-img" src="//www.google.com/logos/2002/w_olympics_02-1.gif"><img id="hplogo-img2" src="//www.google.com/logos/2002/n
浏览 2提问于2012-05-16得票数 0
回答已采纳
像google图像搜索这样的站点会以行的形式显示不同宽度的图像。显然，他们选择将哪些图像组合在一起，哪些图像变得更小，以便在图像之间达到相当均匀的间隔。
我试图在网上搜索实现这种算法的库。
我在这里询问是否有人知道这样的解决方案，如果不知道，我可以使用一些关于如何自己编写这段代码的提示。
更新:我发现使用jquery。这似乎是答案。我目前正在寻找一个angular.js指令
浏览 2提问于2016-03-10得票数 0
回答已采纳
2回答
我有一个div作为容器，一个图像作为“背景”(不是字面上说，我被告知不能使用背景属性)，然后是一个内容div：
CSS
#container {
display:table;
width: 100%;
min-width:100%;
}
.img1 {
//DON'T KNOW WHAT TO PUT HERE;
}
#content {
//not important;
}
<div id="container">
<img class="img1" src="img.png"/>
浏览 2提问于2016-02-28得票数 0
回答已采纳
设置一个以%为单位的最小宽度的SVG图像是可行的吗？因为这不适合我。图像也是一样的。两者都被设置为符合100%的包含div。当我调整浏览器的大小时，我希望图像在达到最小宽度时停止调整大小。
html
<div id="first">
<img href="" alt="si"/>
</div>
css
#first{
background-color:black;
width:100%;
height:30%;
position:fixed;
overflow:hid
浏览 2提问于2015-05-05得票数 2
回答已采纳
1回答
响应图像按窗口高度缩放
、、、
同样，将图像设置为：
img {max-width: 100%;}
比如： .当浏览器窗口的宽度变小时，按比例缩放图像，，当浏览器的高度变小时，如何获得相同的缩放效果？
我想要达到的最终效果就像您在许多响应性灯箱上看到的一样，比如：。
^^我不一定想要制作灯箱本身，但是请注意，当您在那里单击单个图像演示时，lightbox会产生图像，并且不管您缩小浏览器窗口的宽度或高度，灯箱中的图像在缩小时保持成比例。
那么，我如何才能得到同样的比例缩放效果，发生在小猫在我的小提琴上面？
浏览 1提问于2015-06-08得票数 10
3回答
我有一个关于max-width的问题，以及为什么它在显示宽度上改变自己。
这是我的代码：
div {
height: 100px;
max-width: 500px;
background-color: powderblue;
}
因此，max-width是500 is，但是当我调整显示大小时，max-width值会发生变化。
在下面的图像中，我有一个150 In宽的结果大小：
如您所见，我的除法宽度实际上是150 as，而不是500 as，这是我的max-width值。
那么，为什么max-width会自动更改其值呢？如果显示的宽度小于max-width，那么它与屏幕的宽度匹配是
浏览 5提问于2022-06-04得票数 0
回答已采纳
我试图创建一个滑块来填充整个屏幕(桌面和移动)，最大可能的缩放图像--没有裁剪。换句话说，我想完整地查看一组照片，每一张照片的大小都可以填充所有可用的空间，而不需要裁剪。我希望在大多数图像的两侧看到“灰色条形图”，除非它恰好与屏幕完全吻合。
到目前为止，我的情况如下：
从开始
单击编辑此滑雪板
上传两张高宽比不同的图像:一张非常宽，一张肖像形状(在/ajssd中看)。
选择布局>填充模式>包含
选择布局>出血>0
选择布局>缩放到>满窗口(约束模式)
这是很近的，但不完全是。宽的图像在所有四个方面都有填充，这意味着它没有尽可能大的
浏览 1提问于2017-11-18得票数 0
1回答
我使用Wordpress的一个Avada主题。在页面的顶部，我有一个融合滑块。在此下面，我设置了一个带有2列的容器。对于每一列，我都插入了一个图像。我无法解决如何消除图像的左边和右边的空白(我需要他们去到屏幕的边缘)和融合滑块和它下面的两个图像之间的差距。
谢谢
浏览 0提问于2020-01-06得票数 1
1回答
HTML/CSS内容缩放
、、、、
我已经开始开发一个网页，只是玩玩而已，我注意到了一个问题。我在屏幕的一半上用我的实时站点编写代码，而我的编辑器在另一半上。一切都很顺利，直到我完全扩展了我的web浏览器，并注意到我的网站只有一部分按照我想要的方式重新调整了大小。遗憾的是，我的网站不是在线的，但是我有一个代码的链接：
理论上，当我调整窗口大小时，图像(徽标)不会缩小，无论什么大小它都保持不变。我尝试使用百分比而不是像素宽度/高度，但似乎没有效果。我会试着现场直播，这样你就能明白我的意思了。
全尺寸浏览器：
窗口模式: imageshack.us/photo/my-images/42/resizedkl.jpg/ (请输入http
浏览 7提问于2013-06-12得票数 0
回答已采纳
我为手机设备设计了我的应用程序，但在HTC 9平板电脑上显示时，我的许多图像的大小和分辨率看起来都很糟糕。
我的图像所需的宽度(以像素为单位)是多少，以便它们正确地填充屏幕(假设图像正在填充屏幕的宽度)？
这些图像应该存储在我的应用程序项目中的哪个文件夹中？
我是否必须对我的.xml布局文件做任何更改？
浏览 3提问于2015-05-28得票数 1
回答已采纳
4回答
我有一个4,000+页面的网站，每页有10张或更多的jpeg图片，大小不一。我正在努力使该网站更移动友好。为了达到这个目的，我想让图像缩小到更小的屏幕上。我知道我可以做这样的事情来表示图像会缩小：
img.bodyImg
{
width: 100%;
max-width: 357px;
height: auto;
}
但是，如果不是所有图像的宽度都是357 (或者其他什么的)，而我不想让更小的图像超出它们的真实尺寸，那该怎么办？为了让事情更有趣，如果图像标签没有指定的高度和宽度属性，该怎么办？
我的目标是找到一个解决方案，不需要我手动调整数以万计的图像调用，但我可以进行搜索和替换。图像当
浏览 5提问于2015-04-23得票数 12
回答已采纳
我有一个问题已经困扰了我好一阵子了。显示的内容显示在屏幕之外。即不应用窗口大小。
以下是我尝试过的方法：
<Window ...
d:DesignHeight="768" d:DesignWidth="1024"
MinHeight="768" MinWidth="1024"
mc:Ignorable="d" SizeToContent="WidthAndHeight"
WindowStartupLocation="C
浏览 0提问于2011-05-13得票数 1
2回答
如何根据屏幕大小调整表格宽度
、、、、
我正在写这一页，里面有一张表格。
我工作的屏幕是22英寸，桌子看起来很完美。但是当我在笔记本电脑Macbook 13英寸上看到它的时候，桌子就延伸到了屏幕的宽度。如何自动调整大小？
<div class="modal-body"
style="width: 1600px; margin: 0 auto; overflow: hidden;">
<loading></loading>
<span us-spinner="{radius:30, width:8, length: 16}
浏览 6提问于2017-01-11得票数 1
回答已采纳
我的网站有一个图片在顶部，我想完全删除小屏幕大小。HTML5URL允许根据屏幕大小更改图像，但当我设置一个空的<picture> (图像始终显示)时，它不起作用：
<picture>
<source media="(max-height: 650px)" srcset="">
<img src="img/top.jpg"/>
</picture>
如果我设置了一个非空但无效的URL，我将得到一个图像位置保持器。
怎样才能完全去除图像？
浏览 0提问于2015-12-23得票数 2
回答已采纳
1回答
我是新手，所以如果我的问题是微不足道的，请原谅我。我有一个显示图像行(4x4)的页面。然而，这些图像大小不一。我想要做的是将图像显示为缩略图(固定大小:高度=200 my，宽度300 my)，但我仍然希望保持页面的响应能力。因此，当屏幕大小改变时，它使用引导响应css。我尝试在img-thumbnail中设置固定的宽度和高度，但是我失去了响应能力。有什么建议吗？顺便说一下，如果有人想知道的话，我正在使用Asp.net MVC。
靴带
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner >
浏览 1提问于2016-12-14得票数 0
我有两个ImageViews，LinearLayout内部有相同的图像源，但是为什么第二个图像比第一个要小呢？
这是源代码：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent
浏览 1提问于2014-10-12得票数 0
回答已采纳
3回答
我想知道是否有一种方法可以防止大屏幕上的全宽度布局。一个例子是，在我的屏幕上(13英寸)，布局是全宽度的。如果您试图缩小页面，您将注意到布局不是全宽度。
布局显示在中小型屏幕上是这样的：
下面的图像是用于大屏幕的，请注意，它现在不是完全宽度：
另一个例子，下面的设计是一个全宽度的布局，我想防止在宽屏幕上看到它的时候把它拉出来。
对此有什么看法吗？我们如何才能在Bootstrap 3中实现这一目标？
谢谢,
浏览 5提问于2014-11-02得票数 3
回答已采纳
我正在尝试显示一个尺寸比例为1220:1000，最大高度为300dp的居中图像(即使屏幕很大，也要保持图像小)。
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/image"
浏览 36提问于2019-07-25得票数 6
回答已采纳
我有两种不同的图像。我试着用其中的一张图像用于小屏幕，另一张用于大屏幕。
显示大屏幕大小的图像，但不显示较小屏幕大小的图像。
我想我做错了什么，并希望找到一个解决办法。
index.html
<img loading="lazy" class="bg-big-image bg-small-image h-100" />
style.css
.bg-big-image {
background-image: url(path_to_image("211129_IKKS_LAETITIA_CASTA_02_060_V02_Mini@2
浏览 6提问于2022-03-21得票数 0
2回答
我上了很多论坛，但是没有人能给我答案。这个网站是我最后的机会。
我有一个基于javascript的图像查看器。如果图像的列有一定的计数(JS cound取决于php/mysql的行数)。现在，在输出中有三列图像，它们在两行上。当我有一个最大的屏幕分辨率时，我可以打开这个链接来查看查看器的外观：
这些图像是缩略图。当我将鼠标移到行中的第三个缩略图上时，图像会自动缩放。我通过css定位来纠正图像的位置，根据图像的大小向右或向左。所以图像要停留在窗口/屏幕的内部尺寸内。所以它应该停留在第一行的位置，在右边。但是发生的情况是图像跳到左边的下一行(您将看到图像的闪烁，因为有onmouseout事件来隐
浏览 0提问于2011-11-02得票数 2
1回答
粒子滑块移动调整大小不起作用
、、、、
我在我的页面上使用了这个粒子滑块：
它工作得很好，但在移动设备上不能调整大小。根据设备的大小，它只会居中于屏幕的中央。粒子滑块使用图像URI将图像转换为粒子。如果图片的宽度大于手机的宽度，它不会缩小--它会像这样水平重叠：
我如何缩小它，以便可以显示整个图像，而与设备宽度无关？
浏览 10提问于2016-08-31得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
