如何将屏幕截图图像放入iPhone框架显示屏

Question

我已更改了网站上iPhone框架内显示的屏幕截图/图像，但新图像悬挂在框架的侧面。

新的屏幕截图图像与旧的屏幕图像比例不同，所以我想这可能是问题所在吗？

旧图片： 325x666

新图片： 750x1334（325x578）

<div class="col-md-6 pull-md-6">
  <div class="lt-video">
  <div class="lt-mobile">  
  <div class="wrapper-video">            
  <div class="main-slider">
  <div class="slider-item">
  <img src="assets/img/slider/11.png" alt="">               
</div>

我希望图像可以整齐地放置在iPhone框架内，而又不会丢失现有比例

Answer 1

通过HTML或CSS设置图像的大小。

您尝试过吗：

<img class="resize" src="assets/img/slider/11.png" width="200" height="40" alt="">

OR

img.resize {
    max-width:50vw;
    max-height:50vh;
}