如何将图片转换为肖像格式？

Question

如何将我的一张照片设置为肖像格式？我尝试使用图像方向，它显示属性名称未知。我试着旋转90度，结果也是一样..

css rotate="90"，图像继承，webkit转换

​

<div class="row">
  <div class="primary col">
    <img class="josh images" 
         src="https://via.placeholder.com/384x288?text=Joshs+Image" 
         width="288px" height="384px" 
         alt="My Pic" rotate="90">
  </div>
</div>

​

对于旋转90度的图像，网站是www.shaunstanley.co.uk，它在文件夹页面上

Answer 1

您应该使用CSS并向图像添加转换规则，例如：

​

.josh {
  width: 288px;
  height: 384px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

<img class="josh" src="https://via.placeholder.com/384x288?text=Joshs+Image">

​

看看这个小提琴：https://jsfiddle.net/mbzqL6e4/1/

如果您只想旋转此特定图像，则可以添加并使用ID选择器，而不是类选择器。

参考：https://www.w3schools.com/cssref/css3_pr_transform.asp