Tag: 图像的

Bootstrap 3 .img响应的图像在FireFox中的fieldset内部没有响应: 在Firefox（Win7和Win8testing版）中，使用下面的代码 – 当响应图像位于<fieldset>内时，它不再响应。这意味着，随着我的表单调整为手机，图像不会相应缩小。我可以很容易地“解决”这个问题，所以我不需要任何帮助。但是，如果你知道一个方法来解决这个问题，将不胜感激。除非您删除<fieldset>和<legend>否则下面代码中的响应图像将不会响应FireFox中的浏览器大小（至less在Win7和Win8上）。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fieldset Responsive Image Test</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> </head> <body> <div id='content' class='container'> <div class='row'> <div class='col-xs-10 col-xs-offset-1'> <form> <fieldset> <legend>I Am Legend</legend> <img class='img-responsive' src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+U2Vjb25kIHNsaWRlPC90ZXh0Pjwvc3ZnPg==" alt="img" /> </fieldset> </form> </div> </div> </div> </body> </html>

我如何设置一个网站图片，在Facebook上显示为预览？: 当您在Facebook上分享链接时，它会自动在网站上查找图片，并随机选取一张作为预览。你如何影响预览图像？当一个人分享他的脸书上的网站链接？

CSS：100％的宽度或高度，同时保持宽高比？: 目前，使用STYLE，我可以使用width: 100%和高度auto （反之亦然），但我仍然无法将图像限制在特定的位置，分别太宽或太高。有任何想法吗？

调整列表样式图像的位置？: 有没有办法调整列表样式图像的位置？当我使用填充列表项时，图像将保持在其位置，并不会移动填充…

JPG与JPEG图像格式: 我经常使用JPEG图像，我注意到有两个非常相似的文件扩展名： .jpg ，我的手机的相机和预览应用程序使用，和.jpeg ，与图像捕获保存从我的佳能MX455打印机扫描图像。 LaTeX似乎没有区分，因为我给它一个.jpeg ，扩展名变成了.jpg ，结果看起来就像从一开始就是一个.jpg 。我想知道这两者之间的区别是什么。我遇到过这个问题，一定会读完的，不过目前我已经有点时间了。但是，从我所看到的快速浏览，似乎不区分这两个扩展。实际上，文件types的名称似乎是JPEG ，文件扩展名是.jpg ： JPEG（或JPG，用于文件扩展名;联合图像专家组）（摘自第一个答案）。那么这两个扩展之间有什么大的区别？如果是这样，那是什么？

如何将PDF文档转换为PHP中的预览图像？: 将PDF文档的一部分渲染为图像文件需要哪些库，扩展等？我发现的大多数PHP PDF库都是以创buildPDF文档为中心的，但是有没有一种简单的方法将文档转换为适合网页使用的图像格式呢？我们的环境是一个LAMP堆栈。

响应式图像alignment中心引导3: 我使用Bootstrap 3做目录。当在平板电脑上显示时，产品图像看起来很丑，因为它们的尺寸很小（500×500），浏览器的宽度是767像素。我想把图像放在屏幕的中心，但由于某种原因，我不能。谁会帮助解决问题？

正则expression式检查以.jpg，.png或.gif结尾的有效URL: 我希望用户提交一个有效的url，但也是一个图片，以.jpg，.png或.gif结尾。

在保持图像纵横比的同时，如何拉伸图像以填充<div>？: 我需要使这个图像伸展到可能的最大尺寸，而不会溢出它的<div>或倾斜图像。我无法预测图像的纵横比，所以无法知道是否使用： <img src="url" style=" width : 100%;"> 要么 <img src="url" style=" height : 100%;"> 我不能同时使用（即风格=“宽度：100％;高度：100％;”），因为这将拉伸图像适合<div> 。 <div>的大小由屏幕的百分比设置，这也是不可预知的。