限制 bbcode 的大小 [img]答案

【问题标题】：Limiting size of bbcode [img]限制 bbcode 的大小 [img]
【发布时间】：2011-06-24 17:34:14
【问题描述】：

我有一个 bbcode 解析器，

[img]imageurl[/img]

bbcodes 进入，

<img src="imageurl" alt="" />

唯一的问题是，我希望能够在不弄乱纵横比的情况下对这些图像强制执行最大宽度和最大高度，但是我无法检查大小并事先调整大小，因为 bbcode 解析器不是那样聪明的。有没有办法在不知道图像尺寸的情况下使用内联 css 或 javascript 来强制执行图像最大尺寸的纵横比？

我知道我可以更改 bbcode 解析器来设置标签样式的最大宽度，但这似乎不适用于 IE6。

【问题讨论】：

【解决方案1】：

使用css：

img {
  max-width:30em;
  max-height:10em;
}

可能与容器结合使用，因此您的 bbcoded 帖子中只有最大尺寸的图片，而不是您网站上的每张图片：

div.post img { … }

【讨论】：

【解决方案2】：

我不确定是否可以在客户端执行此操作并支持 IE 6（您为什么要这样做？）并支持现代浏览器，而无需大量跳环、讨厌的 Javascript 或 CSS。

您不能在服务器端执行此操作有什么原因吗？您将不得不在服务器端进行某种验证，因为 javascript 和 css 很容易被删除/关闭。

【讨论】：