2

这个问题的主要原因是因为我需要包含图像的 DIV 元素的宽度,但调整大小脚本(timtumb)只接受像素大小而不接受 %(会很棒)。例如 :

timthumb.php?src=castle1.jpg&h=230&w=640
如果我将宽度设置为 640,那么在 PC 上显示的图像大小就可以了,但是需要在平板电脑或手机上显示相同的页面,并且这些设备上的宽度很窄,例如 480 像素,所以 DIV可以调整为480px,但脚本行需要更改为:

timthumb.php?src=castle1.jpg&h=125&w=480

这个脚本只接受数字,而不是 % 或 px
我可以做一个多行脚本,并用 CSS 作为响应隐藏其中一些 DIV,但我想增强这个代码脚本:) 如果可能的话,如果没有,我会做一个响应补丁.

4

2 回答 2

1

您可以使用 javascript 获取 div width px,并将其发送到 php(例如,通过 ajax。)

<script type="text/javascript">
    var divWidth = document.getElementById("mydiv").clientWidth; 
</script>
于 2013-11-05T23:47:22.987 回答
1

尝试

<div><img src="timthumb.php?src=castle1.jpg&h=230&w=640" style="width:100%;max-width:640px;" ></div>

您的图像应自动“适合”您的父 div 的宽度

于 2013-11-05T23:54:07.657 回答