Question

我在PHP中有这个功能，它出现在我正在工作的项目中：

  foreach ($reports["included_reports"] as $index => $report_name ) {
    if (! in_array( $report_name, $reports["excluded_reports"])) {
      $optional_reports .= 
      "<div class=\"large-12 columns\">
         <div class=\"panel\">
           <a href=\"./graph_all_periods.php?$graph_args&amp;g=". $report_name ."&amp;height=???&amp;width=???\">
             <img BORDER=0 style=\"padding:2px;\" $additional_cluster_img_html_args title=\"$cluster_url\" SRC=\"./graph.php?$graph_args&amp;g=". $report_name ."&amp;height=???&amp;width=???\" >
           </a>
         </div>
       </div>";
   }
 }

我想调整图片大小以填充我的div，但我无法使用width:100%因为我必须通知width和height PHP。但PHP首先执行，我也不知道用户监视器的分辨率。在Google中搜索我发现了I only can know the user monitor resolution via JavaScipt。所以我想知道是否可以做一些我可以了解用户监控的信息，并通知width标签中的heigh和img参数。

Answer 1

确保图像始终填充div以将其设置为背景图像并使用CSS背景大小来拉伸它的最佳方法

Answer 2

在您的js中，对于用户监视器，请尝试window.screen.width和window.screen.height。对于图像尺寸，您可以在css中使用100％，然后使用img.clientWidth在px中获得js的高度和宽度。

如何用JavaScript填充IMG src？

2 个答案: