我有一张像下面这样的图片。
<img src="file.jpg" />
下面是css代码
img {
max-width: 100%;
height: auto;
}
有谁能解释一下这个css代码是如何使图像响应的，我的意思是完美地缩放它。我想知道这个css代码背后的工作原理。
浏览 4提问于2014-09-08得票数 2
回答已采纳
1回答
不知道图像大小的图像的最大宽度
、、、、
我想知道CSS是否有办法在不知道图片宽度的情况下设置网站中图片的max-width？
现在，我在我的CSS中设置了以下内容：
img {width: 100%; height: auto; display: block;}
它将所有图像设置为填满浏览器的整个宽度，并在浏览器调整大小时进行调整。
我唯一想知道的是，如果用户上传了一张图片到内容管理系统(这里是Wordpress)，我如何才能获得图片的宽度，这样就可以设置图片的max-width，这样它就不会一直伸展，而不必在CSS中设置泛型的值？有没有什么方法可以使用CSS，或者我必须走javascript路线？
我问这个问题的原因是，我不确定用
浏览 0提问于2014-08-09得票数 0
2回答
我不确定我做错了什么。我不能把两张图片放在桌子中间，两张图片在右边。在火狐，歌剧，ie8中工作。XHTML和CSS验证。
浏览 0提问于2011-05-20得票数 0
2回答
我正在写一个网站，我有一个问题。背景图片没有放大。这是一张图片：
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="reset.css">
</head>
<body>
<header class=&#
浏览 4提问于2020-10-10得票数 0
1回答
使列表从左侧居中
、、、、
我有一个无序的列表，里面有相当大的图像。现在，我想看看有没有什么css代码可以用来将列表居中，使第一张图片正好出现在页面中间？
看看这张图片，我的意思是：
有没有什么办法可以用css做到这一点呢？或者甚至是javascript？
浏览 1提问于2012-04-20得票数 0
回答已采纳
3回答
我想简单地移动一个div宽度作为特定的图片加载在我的应用程序中。因此，出于某种原因，我读取了Div的宽度add 128，然后使用.css()来更改Div新宽度。由于某些原因，.css()函数没有在其进行过程中更新宽度。它只更新加载的最后一张图片。我真的不知道为什么会发生这种事。以下是一些代码：
document.getElementById('back').onload = function(){
var width = $("#LoadingBar").css("width").replace(/[^-\d\.]/g, '
浏览 4提问于2014-01-09得票数 0
回答已采纳
1回答
我在我的网站上使用两张图片-一个在右上角，另一个在右上角。
右上角图像css代码
.fbtopbutton{ position: absolute;top: 27px;right: 192px;}
中右图像css代码
#annoying-floater {
z-index:10;
position:fixed;
top:80%; right:-45%;
width:640px; height:480px;
margin-left:-320px; margin-top:-240px;
opacity: 0.8; /* css standard */
filter: a
浏览 2提问于2012-11-13得票数 0
1回答
我想有一个只有一张图片的网站的html css解决方案。我有以下要求：
如果使用任何浏览器打开网站，则图片的宽度=浏览器窗口的宽度
你可以放大图片
我有一个解决方案，通过使用window.screen.width * window.devicePixelRatio (参见 )，通过js获取浏览器窗口的大小，但它并不适用于所有设备。如果我使用这样的东西，我就不能放大：
<img style="width:100%;" src="https://images8.alphacoders.com/712/712496.jpg">
是否
浏览 4提问于2020-05-19得票数 1
我对web dev是个新手，目前正在学习HTML和CSS。
我想在我的网站内创建一个投资组合页面，并为这件事使用了3列CSS网格，我想适应页面宽度和居中。我设法显示我想要的图片，边距和所有的，但我被一个问题卡住了:我的图像太大，这导致CSS网格太大并显示在页面之外。图像都是1000x1000像素的。
我希望我的CSS网格调整自己的大小，以适应页面宽度，同时保持其外观。我该如何实现这一点？
下面是我的CSS网格(名为artworkGrid)的代码：
.artworkGrid {
display: inline-grid;
float:left;
clear:left;
grid-
浏览 3提问于2020-07-17得票数 0
3回答
我想要一个行的列表，这些行的外观如下：
+------------------------#main-----------------------+
| |
| |
| +------+ Lorem ipsum dolor sit amet, consectetur |
| | pic | adipiscing elit. Phasellus commodo urna |
| |
浏览 0提问于2010-08-26得票数 4
回答已采纳
3回答
我正在尝试在他们的网站上制作一张背景图片，让它看起来像通用电气的背景图片：
我想知道他们使用了什么CSS或javascript技术来获得这样的效果。
浏览 0提问于2012-01-09得票数 1
回答已采纳
3回答
我想我在这里得到了答案：
不幸的是，尽管它在PC上看起来很棒，但当在手机上查看时，文本会被旋转的图像所覆盖。
我的CSS is类当前设置如下：
.fadein { position:relative; margin-left:auto; width:300px; height:300px; }
.fadein img { position:absolute; left:0; top:0; }
可在此处查看该网站：
谁能建议如果有任何CSS的变化，我可以做，以防止图片覆盖的文字，而不会击中之前的问题，下一张图片是从前一张被拉出。
浏览 1提问于2013-07-15得票数 0
回答已采纳
我有一个图片在一个网站(该网站是响应)。图像应该始终具有父div的100%高度(即高度为100%)，但具有高宽比。
我试过使用CSS：
max-height: 100%;
max-width: 100%;
width: auto!important;
但这样，图片的高度总是100%，它的原始大小。我想要它比原来的尺寸大，但要有高宽比。
浏览 5提问于2013-12-13得票数 0
回答已采纳
1回答
根据背景大小拉伸容器高度
、、、、
我知道有类似的问题，但这次略有不同。只需阅读说明即可)
我有一个主容器(红色)，它可以根据屏幕大小进行拉伸。在它的内部有第二个容器(蓝色)，在顶部有固定高度的div和背景图片。
一开始，我试着用background: cover做背景图片。但在某些尺寸下，背景的不同部分是看不到的，这是不可能的。
所以我想要实现的是让svg背景根据蓝色容器的宽度拉伸，并保持它的比例。此外，我希望第二个容器根据它的背景改变高度，这样整个svg图片将始终可见。
仅用css就可以实现吗？如果没有，那么我如何使用js来创建它呢？我无法更改现有的html。
浏览 3提问于2015-12-04得票数 0
1回答
我正试图得到的CSS为一个针式的正确。我试图得到确切的Pinterest Pin风格，这意味着图像是填充容器/框和下面有统计数据.
下面的图片显示了我正在尝试制作的Pinterest Pin。有人知道图像填充容器/框所需的Css吗？
谢谢
浏览 1提问于2013-07-12得票数 1
回答已采纳
我使用的是Nivo滑块()，它可以很好地显示一张图片，但我试图显示前一张图片的一半和下一张图片的一半。我对使用幻灯片或Coin one之类的工具持开放态度。
有谁知道该怎么做吗？
我找到的最接近的功能是：
但是，它有点不稳定，不是最好的使用方法。
我试着修改CSS以降低每个面板的大小，并通过绝对定位来调整定位，但我没有运气。我已经花了两周的时间来做这件事。
来人啊，救命啊！
浏览 1提问于2011-09-24得票数 1
4回答
我希望始终设置相同的图像高度，并将图像边裁剪到页面宽度--如何实现:)
+- Page ----+
| |
+---+- Image ---+---+
| | | |
| | | |
| | | |
+---+-----------+---+
| |
+-----------+
我想用css把这张图片撕成这样。
+- Page ----+
| |
+- Image ---+
|
浏览 3提问于2015-02-08得票数 0
回答已采纳
我最近尝试在我的主页上更改英雄/横幅图像，并注意到在我设置新图像后，质量和分辨率都会降低。即使我使用原始的5312x2988图像进行测试，质量仍然是模糊的。
主页是www.shiftins.com。这是图像中显示问题的一部分：
有没有人能帮我找出CSS的哪个部分造成了这种影响？
这是一张原始图片的图片，与上面的图片进行比较。
浏览 0提问于2016-04-21得票数 0
2回答
很长一段时间以来，我一直无法弄清楚为什么当达到浏览器的高度时，容器的宽度会变宽，我的意思是：
如图片所示：
1)
2)
正如你所看到的，在第二张图片中，容器的宽度变大了。
现在，给出的示例仅使用文本显示，但是，如果我在主容器中使用列，也会发生同样的情况。
下面是我使用的代码：
<form id="exmple" runat="server">
<div class="container well" style="margin-top: 5em;">
<div class=&
浏览 5提问于2015-11-03得票数 1
回答已采纳
我只能用HTML和CSS改变图片。点击中间的图片，我想看到她的大表单，点击右边的图片，看到她的大图片。
浏览 0提问于2018-12-04得票数 0
回答已采纳
1回答
我需要指导如何创建一个简单的图像网格流体大小。我想把三个(大约300 if )的正方形图片放在我的首页，跨越宽度和响应时，窗口被调整或如果被观看。如果屏幕尺寸较小，这三个图像将保持水平，但缩小。当在手机上观看时，这三幅图像将堆叠在一起，第一张在顶部，中间一秒钟，最后三分之一。
我可以让图片显示出来，但我在CSS上遇到了麻烦。
<div id="content" class="col-full">
<div id="grid">
<a href="http://mywebsite.com/info
浏览 2提问于2011-10-26得票数 1
我的网站上的大多数图片占据了整个屏幕的宽度，所以在我当前的网站版本(不是AMP)中，我通过这样做来设置CSS中的所有图片来填充整个屏幕的宽度：
body img {
width:100%
}
在AMP中有没有类似的东西？
浏览 0提问于2015-11-24得票数 6
2回答
我的博客在滑块中有一张特色图片，在帖子中有几张图片。为了解决一个问题(帖子上的图片比专栏大)，我这样做了：
img {
max-width:450px;
height:auto;
}
问题是:这段代码还将我的幻灯片放映的max-width更改为450px，这并不好。有没有办法让CSS只在帖子的文本中工作？
示例：
<div class="slideshow"> slideshow without custom IMG css, only template css </div>
<div class="entry-content"&
浏览 3提问于2013-08-15得票数 0
3回答
如果添加了更多的图片而不是展开父div，我想列出图片并调整它们的大小以适合窗口。
这可以使用css display:flex选项或任何其他方式来完成吗？
用于保存div及其子级的图像的Css
.images{
background:rgba(14, 11, 10, 0.8);
display:flex;
flex:10;
}
.images > img{
flex:1;
max-width:100%;
max-height:100%;
}
正如你在示例中看到的，图像高度没有调整大小，我如何解决这个问题？
浏览 1提问于2016-02-25得票数 1
1回答
Qt固定位置(与css相同)
、、、、
问题：
就像在css中一样，Qt中有类似于position: fixed;的内容吗？
图片：
当我的主窗口调整大小时，我想要的是将第二个气泡(一个子类QTextEdit)移动到左边。第二张图片显示了我想要阻止的事情。
浏览 3提问于2014-01-16得票数 0
回答已采纳
2回答
我有下表：
<table>
<tbody>
<tr>
<td colspan="2">
<a href="#"><img src="http://www.sherv.net/cm/emoticons/cats/cat-headphones-smiley-emoticon.gif" /></a>
<a href="#"&g
浏览 5提问于2014-01-05得票数 0
回答已采纳
1回答
如何使图片适合整个div当我用css创建一个div时，图片不能完全放在里面。相反，它将会收缩。一张它现在看起来像的图片
css部件
#avatar{
padding:35px;
height:70px;
width:50px;
margin: 0px 0 0 0px;
background-color:red;
}
html部件
<div id="avatar">
<img src="/Avatar.png" style="width: 100%;" style="height: 100%;" alt="
浏览 0提问于2012-11-11得票数 1
回答已采纳
假设原始图片的高度是500px，宽度是400px，.I想要在网站中显示此图片，以便只有480px的高度可见。这可以使用css吗？提前谢谢你
浏览 4提问于2012-07-06得票数 0
回答已采纳
我有一个图形的图像表示与.png图像和-moz-border CSS技巧我希望该图形的位置是图片显示的地方，我做到了使用CSS位置:绝对/相对标签，但我有问题使用这两个标签。当我使用这段CSS代码时
#gholder {
float: left;
bottom: 460px;
left: 60%;
position: relative;
}
网站在页脚下面显示了一个很大的空格，当使用相对代码时，有没有办法删除这个大空格呢？
浏览 7提问于2011-08-11得票数 0
回答已采纳
1回答
我想创建一个HTML/CSS/Javascript页面，可以在手机全屏显示一张图片(广告)。智能手机+平板电脑。广告伸展到最大宽度和高度，并且没有滚动条。
我尝试了两种不同的方法：
var screenWidth = $(window).width();
var screenHeight = $(window).height();
$('body, .ads-picture').css('width', screenWidth+'px');
$('body, .ads-picture').css('height'
浏览 0提问于2013-12-07得票数 0
1回答
上显示的三张图片比CSS指定的要大。我使用的是Chrome10，图片是“通过RSS订阅”“在Twitter上关注我们”(两者都应该是170px，但显示为200px) {[已解析]和“阅读此内容的女性也阅读”应该是780px的原始图片，但显示为936px}。
浏览 2提问于2011-05-25得票数 0
回答已采纳
我已经做了一个滑出元素使用CSS (在页脚，左下角旁边的图片)，并希望它推送图片和描述向右，当它悬停和滑出。我把它们都定位好了:相对的，我是不是漏掉了什么？
对于尝试编写代码来说是个新手，所以希望这个问题是有意义的。
谢谢!
这是该网站的链接：
浏览 0提问于2012-01-31得票数 1
回答已采纳
1回答
如何防止img拉伸其父级
、、、、
我正在使用标记语言添加文章到网站。所以，为了把图片添加到我的帖子中，我写了
img出现在页面上。但是有一个问题--如果图像的原始宽度超过容器的宽度，图像就会拉伸它的父div。我使用固定的布局，所以容器元素的宽度是用css硬编码的。问题是:是否有可能阻止图片拉伸我的div，而是自动调整大小，以很好地适应它？
浏览 0提问于2014-03-06得票数 0
回答已采纳
3回答
我目前正在我的WordPress博客中实现CSS媒体查询，我想知道如何调整宽度为400-600 to的博客图像的大小，以适应具有小屏幕的iTouch、iPhone和其他智能手机的屏幕分辨率。
我的想法是添加这个CSS：
.blogpost img {
width:55%;
height:55%;
}
这样它就可以自动调整的大小，所有的图片在我的博客中。这件事我需要帮助。我对我的做法并不满意，因为我听说它会扭曲形象。有什么专业建议吗？
浏览 2提问于2013-01-03得票数 3
回答已采纳
我想更改图像的src，以响应最大宽度为515 px的媒体查询。如果javascript有一个与css媒体查询相同的事件，或者类似的事情，我也可以实现javascript或jQuery (也可能是AngularJS )。
我想要3张单独的图片(目前是2张)的原因是为了减少文件大小，例如在移动设备上，我可以加载一张50 KB的照片，而不是700 KB的照片。
如果需要注释任何代码或其他信息，我会将其添加进来。
注意： to the problem 使用html5图片元素解决了相同类型的问题(而不是按需要使用css或jQuery‘媒体查询’)，这也是一个很好的解决方案。
浏览 2提问于2015-08-24得票数 1
回答已采纳
我有一张图片：
<img class="" width="78px" height="78px" border="0" alt="" src="test.png" smartload="7" style="opacity: 1;">
和css：
img {
border: 0;
max-width: 100%;
}
当作为PC运行时(firefox)
当以移动设备运行时出现高度错误：
浏览 2提问于2012-07-01得票数 0
回答已采纳
我试图实现固定宽度和随机宽度图片()画廊的jquery.serialScroll。一切正常，但我不能正确设置偏移设置，所以当你滚动到最后一张图片时，右边有很多灰色空间。当我尝试设置偏移量(大约700)时，画廊冻结了:(
你知道一些简单的解决方案吗?如何将最后一张图片与右端对齐？
提前感谢您的回答。
JS：
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
};
$(document).ready(function(){
浏览 0提问于2010-09-11得票数 0
1回答
我是HTML和CSS的新手，我最大的弱点就是定位。1)每张图片都有各自的绿色按钮，但我的问题是如何将这些图片放在一起而不是叠加在一起？
2)我如何编写代码，以便当我将鼠标悬停在图片上时，相应的按钮仍然会改变颜色，并允许我单击图片以转到链接？
HTML
<!DOCTYPE html>
<div id="chewning">
<img src="http://scontent-b.cdninstagram.com/hphotos-xap1/t51.2885-15/10518156_366963580136787_506416400_a.jpg
浏览 0提问于2014-12-26得票数 1
我忠实地遵循了这个教程：关于如何在grails中添加图片库功能。它的效果很好，但我想调整主(大)图像的高度。我成功地做到了，但当我上传超过默认宽度的图片时，它会破坏整个布局。例如，图像的一部分将从布局的其余部分溢出。我想这更多的是一个css问题..而且我的CSS也很烂。代码如下。可以在这里看到一个很好的演示：请注意，如果我将宽度更改为100%，高度就会变得不一致。:(
*如果没有图片，请上传图片，自己看看。
有人想帮我吗？:D
我提供免费的饼干。:) :)
@charset "UTF-8";
/* Just for the example. Fee free to delete
浏览 1提问于2012-09-25得票数 2
回答已采纳
1回答
如果我上传一个大尺寸的图片旅店我的wordpress，图像打破了我的模板宽度。我看到了一些模板，它们将大图像的宽度缩放到post div的最大宽度。为此，我需要修改哪些CSS或代码？谢谢。
浏览 0提问于2011-07-16得票数 1
回答已采纳
1回答
我有两种类型的图像:垂直的和水平的。每一张图片由js调整到屏幕的高度。我想调整水平照片到屏幕的宽度。有可能吗？
这是我的js代码：
<script type="text/javascript">
$(document).ready(function(){
resizeDiv();
window.onresize = function(event) {
resizeDiv();
}
function resizeDiv() {
//document.body.style.overflow = "hidde
浏览 0提问于2014-01-08得票数 0
回答已采纳
3回答
html页面上的图像加载问题
、、、、
请参阅上面的图片，当我刷新页面时，图像不会加载，但是如果我将选项卡从男性更改为女性，将显示图像。即使我更改了CSS中的任何内容，也会显示图像。无法获得图像不直接显示的原因。
其他图像按需要正确显示，但我遇到的一些图像出现了此类问题。
浏览 6提问于2016-12-16得票数 0
回答已采纳
这里的代码非常新手，但试图在新网站上整理一些图片，似乎无法让媒体查询正常工作。
我使用的是Turbo主题，它允许您在元素中输入自定义CSS。
@media only screen and (min-device-width : 768px) {
.OVDGF-logos { width: 10%; }
}
我只是随机使用了10%来观察它是否发生了变化，但这没有任何区别。
介质查询是否正确写入？下面是元素的图片：
浏览 1提问于2021-08-05得票数 0
我有这些图片在我的网页，我想自动缩小时，视口的宽度缩小。我使用以下CSS来完成此操作：
.autoResizeImage {
max-width: 100%;
height: auto;
width: auto;
}
我想调整大小的图片有两种：
那些在td的table中的
不在table中的
在Chrome上，当视口宽度减小时，两种类型的图像都会自动缩小。但是，至少在Firefox和Internet上，这种收缩只发生在第二种类型，而不是第一种类型(出现滚动条)。
JSFiddle:
注意，包含图像的小单元格不会在Firefox/IE中调整大小，但是底部
浏览 2提问于2013-07-14得票数 2
2回答
phpbb轮询-在悬停时放大图像
、、、、
我正在使用phpbb论坛软件。
我有一些图片作为phpbb投票中的一组选项。我使用bbcode显示图像
[img] path to image [/img]
我想要做的是，当用户将鼠标悬停在此图像上时，它应该放大
我如何才能做到这一点？我尝试了一些方法--在common.css中修改img的css，并尝试在img bbcode中添加一些样式，但不起作用……
任何帮助都是非常感谢的。
此外，有没有更好的方法将图片放入投票中？
浏览 3提问于2013-05-02得票数 0
2回答
我正在使用CSS来尝试对齐2张图片与一些文字并排在每幅图片下面。我试着让图片下面的文字与图片的宽度相符，不管图片的大小如何。但我得到的结果是两个块的文本重叠。例如，我希望它看起来像：
**************** ***************
* Image * * Image *
* * * *
**************** ***************
Lorem ipsum dolor Lorem ipsum dolor
sit amet,
浏览 6提问于2014-03-07得票数 0
回答已采纳
2回答
所以，当我试图在图片右边定位一些文本时，我得到了一个非常奇怪的错误：
当我作为一篇文章描述几个字符时，定位起了作用。
所以，这就是HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/png" href="somelogo.png">
<link rel="stylesheet&
浏览 2提问于2013-11-09得票数 0
回答已采纳
1回答
我有一个包含图片的div，这些图片将在WordPress上频繁更新。我希望避免不得不编辑每个图像的边界。这是一种圆顶形状的边框，围绕着我在Photoshop上使用剪切蒙版创建的一组8张照片。
有没有一个CSS技巧可以用来使border.png文件用图片覆盖在div上，变得透明，并遮挡图片div上它覆盖的区域
浏览 0提问于2012-06-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
