草庐IT

img_height

全部标签

html - 媒体查询 : check min-height and min-width?

我正在尝试根据浏览器的最小高度和最小宽度更改我页面上的CSS,所以我正在使用它:@media(min-height:500px),(min-width:580px){/*CSSstuff*/}但出于某种原因,这不起作用。我可以同时检查最小高度和最大宽度(反之亦然)或最大高度和最大宽度,但检查两个最小值似乎不起作用。我应该更详细地说明这一点:我希望浏览器在最小高度或最小宽度变为真时采取行动。仅当两个条件都为真时,使用and-operator才有效。我做错了什么吗? 最佳答案 使用and而不是逗号,如下所示:@media(min-hei

html - img 元素上的 HTML 宽度/高度属性和 CSS 宽度/高度属性有什么区别?

HTML元素可以有width/height属性,也可以有CSSwidth/height属性:HTML属性和CSS属性有什么区别,它们应该具有相同的效果吗? 最佳答案 有关该主题的热议可以在这里找到:WidthattributeforimagetagversusCSS总结一下:Thegainfromdeclaringawidthvalueandanheightvalue(whichmaynotbetheoriginalphysicaldimensionsoftheimage)orfromcssdeclarations(likewidt

javascript - 如何禁用 <img> 标签的第三方 cookie?

是否有解决方案可以禁用使用HTML5或JavaScript技术从第三方域加载的图像的cookie?我正在寻找类似于sandbox的内容的属性标签,referrerpolicy或crossorigin的属性标签。 最佳答案 注意:此解决方法不适用于:火狐68Safari12.1.2经过几天对这个问题的挑战,我可以确认这不能使用来完成。标签和任何当前可用的技术。正确的方法是像Google那样对图像使用无cookie代理服务器,但目前这对我们来说太耗费资源了。可接受的解决方法:要禁用cookie,请替换与sandbox>;在里面显示图片使

html - 内容安全策略 : "img-src ' self' data:"

我有一个应用程序,用户可以在其中复制图像URL,将其粘贴到输入中,然后图像将加载到一个盒子上。但是我的应用程序不断触发此消息:Refusedtoloadtheimage'LOREM_IPSUM_URL'becauseitviolatesthefollowingContentSecurityPolicydirective:"img-src'self'data:".这是我的元标记:我在应用程序中使用html2Canvas,当我删除它时:“img-src'self'data:”它引发了这个错误:html2canvas.js:3025Refusedtoloadtheimage'data:ima

html - div和img之间的空间?

我有这样的代码:1.Orangesometextinhere“sc”div和“separator”img之间总是有13px的间隙。两者的边距和填充都设置为0、null、空、无。啊。我很生气;d我试图弄清楚Firebug是怎么回事,但它们之间的空间不属于任何东西,它不是边距,也不是填充,到底是怎么回事?没有float,没有显示设置,也没有继承的边距或填充。我的代码有什么问题?我一直在尝试删除HTML中的空格但没有帮助(顺便说一下,如果我将分隔符放在“sc”div上方,也会有一些间隙,但更小)。谢谢。[添加]CSS样式:.separator{margin:0;padding:0;}#sc{

html - 从 IMG 标签解析 "SRC"的 XPath?

现在我成功地从HTML页面中获取了完整的元素://img[@class='photo-large']例如它会返回这个:但我只需要SRCurl(http://example.com/img.jpg)。有帮助吗? 最佳答案 你自己很接近回答这个问题,我有点不愿意为你回答。但是,以下XPath应该提供您想要的内容(当然前提是源是XHTML)。//img[@class='photo-large']/@src有关更多提示,请查看W3Schools.他们有关于此类事情的优秀教程和很好的引用。 关于h

html - 订阅者电子邮件 : GMail is converting height to min-height

这是向Google用户发送电子邮件时看似已知的问题:Google将所有“高度”声明更改为“最小高度”。这意味着堆叠的图像不再无间隙地相互“接触”。有没有人知道一个好的解决方法?这是一个例子:在GMail中显示如下:所以不是这个:在GMail中,两张相互堆叠的图片看起来像这样:必须有一个简单的解决方法吗? 最佳答案 我刚刚遇到了这个问题并通过设置max-height解决了它,它不会混淆。 关于html-订阅者电子邮件:GMailisconvertingheighttomin-height,

html - img 相对于包含的 div 的宽度

原始问题在css中计算图像相对于包含div的宽度的最有效方法是什么?我有以下代码段,它将#image1.width设置为相对于其父级宽度的百分比。我使用百分比是因为我需要图像在调整屏幕大小时按比例缩放到父级。div{position:relative;display:block;width:100%;}#image1{position:absolute;left:10%;top:10%;width:29.43%;height:auto;}#under{width:100%;}它目前按预期工作,除了我必须手动计算每个图像的宽度百分比。即#image1dimensions==206x115

html - 为什么这个div/img在IE8中不居中?

我有一个非常简单的主页,我以div、anchor和图像为中心构建的。由于某种原因,它不会在IE8(任何一种模式)中居中,我希望有人能告诉我原因。我还没有机会在其他IE浏览器中尝试它。我已经在Chrome和FF3中试过了,它工作正常。Welcome#pageContainer{width:300px;margin:0auto;text-align:center;}#toLogo{border:none;}我说真的很简单。:)谢谢,布雷特 最佳答案 您真的希望您的页面在怪癖模式下工作吗?一旦我将doctype添加到强制标准模式,您的HT

html - HTML5图形与img的用法是什么

使用HTML5有什么特别的优势/用途吗在?我认为没有是没用的,不是吗?如果用一个例子来解释会很有帮助。 最佳答案 图像在技术上并没有插入到HTML页面中,图像链接到HTML页面。标签为引用的图像创建一个存放空间。虽然的内容元素与主流程相关,其位置独立于主流程,如果移除应该不会影响文档的流程来自http://dev.w3.org/"Theimgelementrepresentsanimage,"而"[t]hefigure元素表示一个内容单元,可选地带有标题,它是独立的,通常作为文档主流中的单个单元引用,并且可以在不影响thedocum