高DPI设置导致Firefox无法在“选择”框中呈现滚动条箭头

时间:2011-03-23 19:17:07

标签: html internet-explorer firefox browser dpi

我在Windows 7上运行Firefox 4,DPI设置为144 dpi。我有一个带有第三方日期选择器的网页,其中包含“月”和“年”字段的选择框。问题是Firefox不会渲染向上/向下箭头,因此用户无法选择日期。

我已从日期选择器中取出月份选择框并隔离了问题。在下面的屏幕截图中,Firefox(左)不显示大小的上/下箭头:2和大小:3。 IE(右)正确显示它们。

screenshot of Firefox vs IE showing DPI problem

选择框的HTML代码,大小为:2:

<select size="2"><option>January</option><option>February</option><option>March</option><option>April</option><option>May</option><option>June</option><option>July</option><option>August</option><option>September</option><option>October</option><option>November</option><option>December</option></select>

我可以修改datepicker以使用不同的大小(1或4)或使用较低的DPI,但它可能不是我的一些用户的选项。任何想法......如果不是修复,那么原因......?

2 个答案:

答案 0 :(得分:2)

当您离开96或120 DPI的安全性和舒适度时,这正是您所期望的。

虽然微软多年来一直在唠叨开发人员关于高DPI的问题,但DPI​​的支持标准是> 120仍然令人沮丧。

应用程序开发人员需要进行大量测试,以使其应用程序能够在各种DPI值下正常运行。我可以看到应用程序在某些DPI值下失败的情况,以及呈现各种奇怪和精彩内容的浏览器,甚至很难提出全面的测试。同样,这显然是Firefox中的一个错误,您应该提交错误报告并希望最好!


顺便说一句,我最近在我的应用程序上执行了一些高DPI测试,并且最终达到了192 DPI。这个应用程序很有效,但看起来很奇怪。除非你有一个高分辨率的显示器,否则不要尝试这个,因为在小型显示器上很难将设置更改为更易于管理的设置!

答案 1 :(得分:0)

绝对是DPI问题。无法在运行96dpi的FF或IE中重新创建它,更改为144并且滚动条消失。您可能需要修改此设置以查看它停止显示的位置。