Question

我遇到了3个问题，它们使我发疯。

1：如果窗口变小，则框中的标题标题（最大宽度：1030px）应调整大小。此标题的外部边界应始终位于周围框的外部边界上。

2：下面的菜单应该与标题稍微重叠（视觉上被切掉）（边距：-1.5％或类似30px）。问题：这仅在窗口变得小于900px宽之前起作用。低于此值，菜单似乎在所有浏览器上都有很多重叠。

最大的问题： 3：我曾经在Firefox和chrome在Windows上管理过一次，但是！在Mac chrome和Safari上看起来有所不同。 firefox的行为与Windows相同。所以我在寻找另一种方式，但我没有设法解决。

问题1：管理窗口大小的自适应标题缩放->带有内部文本元素的svg。解决了！？在Mac上，SVG的大小明显不同于在Windows上。

问题2：负边距和某些响应能力？

问题3：是否可以在两个OS上进行管理？总是有一个浏览器不能像其他浏览器那样工作，这让我发疯。

我在包装盒中添加了明亮的背景色，以使人感觉更好。请访问：

问题1：在Safari上，两个操作系统上的所有浏览器上的svg文本都比1030px大。

问题2：我认为我的版本是错误的方式，但是我不知道该如何管理。

问题3：也许不可能在浏览器中实现相同的外观。

您有什么想法吗？

最好， E-G

Answer 1

问题1：根据窗口大小管理自适应标题缩放->使用文本元素的svg 内。解决了！？在Mac上，SVG的大小明显不同于在Windows上。

如果是您需要了解的浏览器，则可以在PHP中使用变量

$_SERVER['HTTP_USER_AGENT']

您还可以使用get_browser（）函数检查客户端浏览器的详细信息（如其版本）

$browser = get_browser(null, true);
echo $browser['version']; // will echo the client's browser version

问题2：负边距和某些响应能力？

我认为CSS媒体查询就是您在这里寻找的内容。

问题3：是否可以在两个OS上进行管理？总有一个浏览器不像其他人那样工作，这让我发疯。

是的。只需比较客户端的浏览器版本。

$browser = get_browser(null, true);
if($browser['version'] <= 1.0){
    // do something
}

如果确定不是浏览器版本，那么最好从此thread了解客户端的操作系统。