让我们假设我正在调用一个图像
<img src="http://server:8080/graphs/ChartGen?PID=982&minutes=480&height=30&width=1400" />
最后宽度为“1400”的地方,我怎样才能使“1400”,即用户屏幕宽度的60%?
让我们假设我正在调用一个图像
<img src="http://server:8080/graphs/ChartGen?PID=982&minutes=480&height=30&width=1400" />
最后宽度为“1400”的地方,我怎样才能使“1400”,即用户屏幕宽度的60%?
您应该在 JavaScript 中设置参数。检查 Google 图书的来源。
<script language="javascript" type="text/javascript">
var url= "http://server:8080/graphs/ChartGen?PID=982&minutes=480&height=30&width=" + (screen.width * 0.60);
</script>
另一种方法是使用 CSS 而不是 JS:
@media screen and (min-width: 800px) {
#Chart {
background-image: url(//server:8080/chart/982/480/:height:30/:width:480);
}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
#Chart {
background-image: url(//server:8080/chart/982/480/:height:30/:width:460);
}
}
...
虽然图表往往是内容的一部分,所以使用 CSS 并background-image
不太合适,img.src
在这种情况下,JS + 是更好的方法。
在我的情况下,我将我的答案添加到了现在提供的答案中,因为我的实际图像字符串比他的答案要复杂一些,因为它在 jsp 循环中。
<%
for (int i = 0; rs.next(); i++) {
%>
//Other formatting
<div class="ProgramGraph">
<script type="text/javascript"> document.write("<img src=\"http://server07:8080/graphs/ChartGen?PID=<%= rs.getInt("PID")%>&minutes=<%out.print(timeSelected * 60);%>&height=30&width=" +screen.width*.60 +"\" />");</script></div>