Question

如何调整Ajax表中图像的大小？

运行代码后，我只能得到不同尺寸的图像。如何将它们调整为相同大小。

 firebase.initializeApp(firebaseConfig);


 var Ref = firebase.database().ref().child("cases");
 Ref.on("child_added", snap => {
 var name = snap.child("name").val();
 var region = snap.child("gender").val();
 var form = snap.child("tutorsubject").val();
 var photo = snap.child("photoURL").val();

 var image = "<img src='" + photo + "' /img>";



 $("#table_body").appendTo("<tr><td>" + image + "</td><td>" + 
 name +      "    </td><td>" + region + "</td><td>" + form +"
 </td><td><button>按此申請</td></tr>");




});

Answer 1

请为图像标签提供“高度”和“宽度”属性。

<img src="img-path.jpg" alt="my image" width="200" height="300">

如果在应用程序中使用Bootstrap，则可以使用CSS类“ img响应”。阅读更多详细信息here.

<img src="img-path.jpg" class="img-responsive">

调整Ajax表中的图像大小

1 个答案: