如何将屏幕截图图像放入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="">

或

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