根据图片方向将固定尺寸更改为网页中的宽度或高度

Question

我从头开始创建一个站点，没有工具，需要解决一个简单的问题。 我有一个图像的HTML代码：

.preview img {
    border:  4px solid #444;
    padding: 1px;
    width:   600px;
    position: fixed;
    top: 130px;
    right: 150px;
}

但是，由于有些图片是水平的，有些是垂直的，我希望600px是最长边，而不是宽度。

这可能吗？

Answer 1

我通过在图像元素中添加一些内嵌javascript来解决这个问题。 为水平照片设置css样式，然后为内嵌添加垂直图像的样式：

<img src="http://..." onload="if(this.width<this.height) { this.style.width='inherit';this.style.height='600px'};">