为提升您的使用体验,本站正在维护,部分功能暂时无法使用。如果本站文章无法解决您的问题,您想要向社区提问的话,请到 Twitter 上的 @FirefoxSupport 或 Reddit 上的 /r/firefox 提问,我们的支持社区将会很快回复您的疑问。

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

different behavior of computing div width between desktop and laptop

  • 1 个回答
  • 1 人有此问题
  • 10 次查看
  • 最后回复者为 the-edmeister

more options

Hi support. I am a developer and I have a strange problem regarding the css styling of a div element. Please see the following codepen: http://codepen.io/pchorus/pen/cdulk

In this example, the div container should have a width of 0px, a height of 0px, and a black top border with a width of 7px. The left and a right borders have a width of 7px as well, but they are transparent. This leads to a black triangle.

When I check the styling of the div element on my desktop, I see the expected values: border left, top and right: 7px width: 0px height: 0px

The same codepen example running on my laptop leads to the following values: border left, top and right: 6.4px rounded to 6px width: 1px height: 0px

Since I use the triangle for a popup, it is necessary to have the exact coordinates. Otherwise there is a gap between the popup and the triangle. Could you please help me with that problem?

Best regards. Pascal

Hi support. I am a developer and I have a strange problem regarding the css styling of a div element. Please see the following codepen: http://codepen.io/pchorus/pen/cdulk In this example, the div container should have a width of 0px, a height of 0px, and a black top border with a width of 7px. The left and a right borders have a width of 7px as well, but they are transparent. This leads to a black triangle. When I check the styling of the div element on my desktop, I see the expected values: border left, top and right: 7px width: 0px height: 0px The same codepen example running on my laptop leads to the following values: border left, top and right: 6.4px rounded to 6px width: 1px height: 0px Since I use the triangle for a popup, it is necessary to have the exact coordinates. Otherwise there is a gap between the popup and the triangle. Could you please help me with that problem? Best regards. Pascal

所有回复 (1)

more options

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. http://forums.mozillazine.org/viewforum.php?f=25 You'll need to register and login to be able to post in that forum.