jquery - 当屏幕分辨率低时显示在悬停 div 中心

Question

我正在使用 div 创建一个菜单，当鼠标悬停时它会显示 div。 对于高分辨率，它在右侧显示该 div，但在低分辨率下我需要将此 div 显示在左侧或中间，

我附上一张高分辨率的图片。

And here my codes and demo 

http://jsfiddle.net/9xpDb/

请帮我解决这个问题。谢谢

Answer 1

添加 position relative 和 left: 0px 将一直向左显示文本。我在演示中修改了这段代码，它起作用了。

http://jsfiddle.net/9xpDb/3/

.trigger:hover +div {

display: block;
position: relative;
left: 0px;

<link rel="stylesheet" media="screen and (max-device-width: 600px)" href="small-device.css" />

如果您将 css 加载到一个单独的样式表中，然后应用上面的链接标记，您可以指定加载您为低分辨率(例如:宽度小于 600 像素)创建的新样式表