小编Bar*_*rry的帖子

我有一个特定于Webkit浏览器的问题(Safari和Chrome,在Mac和PC上).

我正在使用Raphael JS渲染SVG数据并使用响应式布局来使用浏览器窗口缩放SVG.使用JQuery将SVG设置为100%宽度/高度.包含元素的宽度设置为百分比,以便在页面调整大小时保持布局的比率.

麻烦是Webkit没有正确计算高度,它在SVG图像周围增加了额外的像素(有时数百个); 这打破了布局.

如果您在Webkit浏览器中打开以下链接,您将看到绿色的额外像素区域.如果您在safari中使用开发人员inpspector,您将看到SVG的报告大小大于显示的SVG.

http://e-st.glam.ac.uk/simulationgames/svgheightbug/index.html

如果您在Firefox或Opera中打开链接,您将看到它应该工作的布局(这里的绿色是由我故意设置的边距引起的).

IE8有一个类似的问题,使用高度:自动修复,但这在Webkit中不起作用.

还有其他人有这个问题吗？有人有解决方案吗？

我认为它可能是一个Webkit错误(已经检查过夜间构建,问题仍然存在),但在我记录之前我想检查以确保没有其他人先解决问题.

<form id="search" action="">
            <input id="findroom" type="text" class="defaultText" title="Room Name">
            <input id="find" type="submit" value="Find">
        </form>
        <script>

            $(document).ready(function(){
              $('#search').submit(function() {
                var r = "/rooms/"+$('#findroom').val();
                open(r);
              });
            });
        </script>

上面的代码有问题.我正在尝试生成一个用于Ruby on Rails应用程序的restful URL.我可以从表单生成我需要的URL作为var'r'.当我使用上面的open()时,链接打开正常,但在新窗口中.我需要它在同一个窗口打开.试过:

open.(r,'_self');

不起作用

没有运气:

location.replace
location.href =

有人有什么想法吗？

谢谢

巴里