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

Question

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

这里我附上了高分辨率的图像。

And here my codes and demo 

http://jsfiddle.net/9xpDb/

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

Answer 1

添加相对位置和左侧：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加载到单独的样式表中，然后应用上面的链接标记，则可以指定加载为低分辨率创建的新样式表（例如：宽度小于600px）