文章/答案/技术大牛

发布

社区首页 >问答首页 >上传时桌面上的垂直图像在网页上显示为水平图像。

问上传时桌面上的垂直图像在网页上显示为水平图像。
EN

Stack Overflow用户

提问于 2018-05-03 18:34:15

回答 1查看 1.6K关注 0票数 2

我正试图从零开始建立一个网站来展示我的艺术品。我使用简单的css和html。我的原始图像方向是垂直或纵向的桌面格式，并打算以该格式。但是，当通过notepad++上的HTML从桌面上传时，它似乎是水平或横向格式。我使用基本的简单HTML上传图像。代码如下：

<img src="Paintings/OystersTopoChico.jpg" alt="OystersTopoChico" 
title="Oysters and Topo Chico" width="500" height="377"./>

以前有没有人经历过这个问题？有什么解决办法吗？

*值得注意的是，我在几年前曾遇到类似的问题，我曾使用其他人的Pixels，这是一个艺术家和设计师的组合网站。

html

css

google-web-designer

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-05-03 18:52:41

如果没有任何代码样本，这是一次黑暗中的尝试。

body {
  margin: 0;
}
img {
  width: 250px;
  height: 250px;
  object-fit: contain;
  /* these rules below are not needed */
  border:1px solid red;
  display:inline-flex;
  padding:5px;
}

<img src="https://www.technowalkers.com/wp-content/uploads/2017/10/html.jpg" />
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2000px-HTML5_logo_and_wordmark.svg.png" />

通过给img一个定义的大小，并告诉对象适合包含图像，它将适合于容器并保持其纵横比。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50161798

复制

相似问题

问上传时桌面上的垂直图像在网页上显示为水平图像。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问上传时桌面上的垂直图像在网页上显示为水平图像。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问上传时桌面上的垂直图像在网页上显示为水平图像。
EN