html - 在响应 View 中,如何将横向模式拍摄的个人资料图片制作为肖像?

标签 html css responsive-design landscape-portrait

在响应式网站中,我们在横向 View 中用移动相机拍摄个人资料照片,并将文件上传到该网站。但它不会在个人资料图像框中设置为纵向 View 。它转 -90 度并以横向 View 显示。

是否可以将图像设置为纵向 View 。请给出你的建议。提前致谢!

最佳答案

这就是你要找的https://jsfiddle.net/DIRTY_SMITH/f4fhn0wn/1/

img {
    width: 200px;
    height: 100px;

    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);
}

关于html - 在响应 View 中,如何将横向模式拍摄的个人资料图片制作为肖像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32501324/

相关文章:

html - 这种流行的页脚有名称吗?

javascript - 将 javascript 对象树转换为可打印字符串以供查看?

css - 为什么我在悬停时变换内联元素,它会回到原来的位置?

html - 居中 iframe div

javascript - 如何将div用作网格?

html - 当我指定了视口(viewport)时,为什么智能应用程序横幅会部分/完全隐藏在 Safari 中?

php - 更改从 mysql 中提取的前 3 条记录的 css 类

javascript - 将段落高度限制为另一个 div 中图像的高度

twitter-bootstrap - 如何使 Google Plus 徽章具有响应性?

javascript - 将闪烁动画添加到 html 单元格边框