gpt4 book ai didi

css - 图像更改为响应图像?

转载 作者:行者123 更新时间:2023-11-28 17:02:22 25 4
gpt4 key购买 nike

如何将图像更改为完整的响应图像?我在网站页面顶部有以下图片?试图改变响应图像?没有任何想法吗?

<html>
<head>
<title>LearningFox</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style/style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css">

@media only screen and (max-width: 480px) {
table[class=container],
table[class=content],
table[class=wrap-table],
table[class=table],
table[class=id]
{
width: 100% !important;
}

}
</style>
</head>
<link href="../style.css" rel="stylesheet" type="text/css">
<body bgcolor="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0">

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="container" >
<tr>
<td align="center">
<table width="800" height="600" border="0" cellspacing="0" cellpadding="0" class="content" >

<tr bgcolor="#366C88">
<td colspan="2" style="background-image:url('../site_conf/images/det_banner.jpg'); background-repeat:no-repeat; background-position:center;" width="100%" height="100" align="right">
<?php
if(!is_null($sid)&&$session_error=="none")
{
$_SESSION['lms_username']=$lms_username;
?>
<TABLE BORDER="0" CELLPADDING="2" CELLSPACING="0" WIDTH="190" class="wrap-table" >
<TR>
<TD><FONT FACE="VERDANA" SIZE="1" COLOR="#000000">Logged in as: <B><?php echo $lms_username; ?></B></TD>
</TR>
<?php
if($lms_groups=="on" && $lms_user_group!=""){
?>
<TR>
<TD><FONT FACE="VERDANA" SIZE="1" COLOR="#000000"><?php echo"$lms_gtitle: "; if($lms_groups=="on"){echo"<B>$lms_user_group</B>";}?></TD>
</TR>
<TR>
<TD><FONT FACE="VERDANA" SIZE="1" COLOR="#000000"><?php echo "$lms_sgtitle: "; if($lms_groups=="on"){echo"<B>$lms_user_subgroup</B>";}?></TD>

</TR>
<tr>
<TD><FONT FACE="VERDANA" SIZE="1" COLOR="#000000"><?php if($section=="reports" && $report){echo"<A HREF='index.php?section=reports&sid=$sid'>Back to Detailed Reports Section";}?></FONT></TD>
</tr>
<?php }?>

</TABLE>
<?php

}
?></td>
</tr>
<tr>
<td colspan="2" height="20" bgcolor="" background="images/bg.gif">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" class="table" >
<tr>
<td>&nbsp;</td>
<TD align="right"><?php
if(!is_null($sid)&&$session_error=="none")
{
?><a style="" href="index.php?section=<?php echo $section; ?>&logout=YES&sid=<?php echo $sid; ?>"><img src="images/logout.png" border="0" align="ABSMIDDLE" alt="Click here to Log Out"></a><?php
}
?></TD>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" width="198">
<!---------BEGIN SIDE NAV TABLE------------->
<table width="198" border="0" cellspacing="0" cellpadding="0" class="id" >
<tr valign="top">
<td width="198"></td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr>
<td></td>
</tr>
</table></td>
<!--<td class="boxcontent" VALIGN="TOP" width="602" style="border:1px solid red;">-->
<td class="boxcontent" VALIGN="TOP" >
<?php
include($mysection);
echo("$mysection");
?></td>
</tr>
<tr>

在这里更新我的完整代码,我设置的部分保持响应,但我无法处理该图像部分?请对此有任何想法..如何更改图像部分以更改响应式设计?

最佳答案

background-size: cover;

试试这个,它应该做你需要的。

关于css - 图像更改为响应图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30977865/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com