GVKun编程网logo

html – Firefox图片元素父级宽度太大(css 父元素)

6

在本文中,我们将为您详细介绍html–Firefox图片元素父级宽度太大的相关知识,并且为您解答关于css父元素的疑问,此外,我们还会提供一些关于browser.html?HTML实现FirefoxU

在本文中,我们将为您详细介绍html – Firefox图片元素父级宽度太大的相关知识,并且为您解答关于css 父元素的疑问,此外,我们还会提供一些关于browser.html ? HTML 实现 Firefox UI_html/css_WEB-ITnose、c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)、css – 如何在Firefox和Opera中缩放HTML元素?、css – 背景图片在Firefox中有一个1px边框(只有Firefox!)的有用信息。

本文目录一览:

html – Firefox图片元素父级宽度太大(css 父元素)

html – Firefox图片元素父级宽度太大(css 父元素)

响应式图片元素的父元素在Firefox(OS-X)中无法获得正确的宽度.

这个bug有没有解决方法?

.picture-wrapper {
  float: left;
}

.next-element {
  float: left;
}
<div>
<picture>
   <source media="(min-width: 1000px)"
      srcset="
        //placehold.it/1200x600 1200w"
      sizes="800px" />
   <imgsizes="
        (min-width: 400px) 100vw,calc(100vw - 50px)"
      srcset="
        //placehold.it/200x200 200w,//placehold.it/250x250 250w,//placehold.it/300x300 300w,//placehold.it/480x480 480w,//placehold.it/600x600 600w,//placehold.it/960x960 960w"
     src="//placehold.it/200x200" />
</picture>
</div>
<div>Caption</div>

Codepen:http://codepen.io/anon/pen/GZVeYw

结果:

火狐

图片元素和下一个元素之间的白色空间

Firefox

Chrome / IE浏览器

按预期工作(没有空格)

Chrome / IE

解决方法

bug实际上是针对任何祖先发生的,而不仅仅是< picture>.

如果宽度已知,则可以通过css设置宽度来解决错误.

<imgsizes="
    (min-width: 400px) 100vw,calc(100vw - 50px)"
  srcset="
    //placehold.it/200x200 200w,//placehold.it/960x960 960w"
  src="//placehold.it/200x200"/>

browser.html ? HTML 实现 Firefox UI_html/css_WEB-ITnose

browser.html ? HTML 实现 Firefox UI_html/css_WEB-ITnose

  browser.html 是一个实验性的项目,用于证明一个概念:使用 html 重新实现 firefox ui ,并作为一个应用程序。它是基于浏览器的 api ,并以浏览器的方式和系统的应用工作。即使它包括标签,如vbox,hbox,空格等等这一切都是基于 html 实现的。

 

 

不错!去看看

立即学习“前端免费学习笔记(深入)”;

 

 

c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)

c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)

我有个问题:

我的程序将搜索用户打开的FireFox窗口.当用户打开Firefox并进入任何网站时,我想在该网页的HTML内容中搜索关键字.

如何使用我的C程序从外部Firefox访问Firefox的Active Tab的DOM(或HTML内容).

可能吗?如果是这样,你能给我一些想法或链接吗?

如果不可能,如何在不安装/设置任何内容的情况下将文本复制到Firefox中的剪贴板?

最好的祝福,
Nuri Akman

最佳答案
没有内置方法可以从外部程序访问Firefox内部网页的DOM.您可以编写一个扩展来实现某种IPC(使用套接字或其他)并与之通信,但不是内置于Firefox.

css – 如何在Firefox和Opera中缩放HTML元素?

css – 如何在Firefox和Opera中缩放HTML元素?

如何在Firefox和Opera中缩放HTML元素?

zoom属性在IE,Google Chrome和Safari中正常工作,但在Firefox和Opera中无法使用。

有没有任何方法添加此属性到Firefox和Opera?

解决方法

尝试这个代码,这将工作:
-moz-transform: scale(2);

你可以参考this。

css – 背景图片在Firefox中有一个1px边框(只有Firefox!)

css – 背景图片在Firefox中有一个1px边框(只有Firefox!)

有点困惑的是这个 – 我正在制作一个带有大背景图像的 tiny static site,它在Firefox中使用1px黑色顶部边框进行渲染.图像中没有边框,并且不会在任何其他浏览器中呈现.我没有设法在任何地方找到任何关于这种情况的参考,并且我不太确定如何修复它!

解决方法

这似乎是在最新版本的Firefox中修复的(不确定是否将此作为我自己的问题的答案或作为问题的一部分发布?)

今天关于html – Firefox图片元素父级宽度太大css 父元素的介绍到此结束,谢谢您的阅读,有关browser.html ? HTML 实现 Firefox UI_html/css_WEB-ITnose、c – 如何从Firefox外部访问Firefox的DOM(或HTML内容)、css – 如何在Firefox和Opera中缩放HTML元素?、css – 背景图片在Firefox中有一个1px边框(只有Firefox!)等更多相关知识的信息可以在本站进行查询。

本文标签: