Question

我有一个简单的html标记，其中只有一个img标记

<html>
    <head>
    </head>
    <body>
        <img src="img1.jpg"/>
    </body>
</html>

图像宽度为800像素，高度为1400像素。因此它是纵向的，我需要旋转它并将其粘贴到页面的左上角。另外，因为宽度为1400px，如果可能，我需要将其限制为A4页面的100％

Answer 1

在您的情况下编辑实际图像文件可能更有意义，但您可以使用CSS3转换属性旋转元素。要将其放在页面顶部，您可以使用负上边距。要将其更进一步直接进入页面，请使用正左边距。

img{ 
    transform:rotate(90deg);
    margin-top:-300px;
    margin-left:300px;
}