正在切断的图像HTML

-5

我正在为我的一位朋友设计一个HTML网站。正在切断的图像HTML

example.thoseitguys.co.za/template/expectations.html

由于某种原因，该页面为切断右侧我的形象。

是否有一些CSS我错过了限制图像大小或页面宽度？

2017-10-22 RedZ

请添加有意义的代码和问题描述在这里。请不要链接到需要修复的网站 - 否则，一旦问题得到解决，或者您链接到的网站无法访问，此问题将对未来的访问者失去任何价值。发布 [最小，完整和可验证示例（MCVE）]（https://stackoverflow.com/help/mcve）演示您的问题将帮助您获得更好的答案。欲了解更多信息，请参阅 [我网站上的某些内容不起作用。我可以直接粘贴一个链接吗？]（https://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

我们不会离开这个网站，去别的地方弄清楚你在问什么或看看你的代码。请花一些时间阅读[问]和[mcve]。 –

请显示一些代码..... –

-1

把它放在一个div，使宽度100％这样的：

<div> 
    <img src="style/images/test.png" alt="" style="width: 100%"> 
</div>

来源

2017-10-22 02:35:48 TacoWilson

回答基于问题本身不存在的代码或HTML的问题是不合适的。如果海报使用此代码在他们的网站解决问题，那么这个问题在这里没有未来价值，应该删除。回答它会消除海报编辑提供此处信息的任何动机。如果相关代码不在这里，在问题本身中，那么该代码不存在，您不能用它来提供答案。 –

-1

将一堂课添加到您的图片。喜欢的东西：

<img class="howWeDoIt" src="style/images/test.png" alt="" >

在你的CSS做：

howWeDoIt { width: 100%; }

来源

2017-10-22 02:32:51

我同意100％。 Tnx –

-1

如果你想它可以完全按照屏幕上可见的比例缩放，你应该做一些类似于下面显示的内容。我已经使用这种方法为我的Garry的Mod服务器加载屏幕。它缩放到您的屏幕大小。您可以查看自动此秤是加载图像：http://nubsite.gaming.bz/images/loadingscreen.php

我们的代码，你需要将规模扩大到屏幕尺寸：

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <style> 
 
     .bg { 
 
     width: 100%; 
 
     height: 100%; 
 
     position: absolute; 
 
     top: 0; 
 
     left: 0; 
 
     z-index: -5000; 
 
     } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    <div> 
 
     <img src="[YOUR IMAGE URL HERE]" class="bg"> 
 
    </div> 
 
    </body> 
 
</html>

来源

2017-10-22 02:54:33 That1nub

正在切断的图像HTML

回答

相关问题