博豪信息css如何让图片宽高适应不拉伸
在css中设置图片宽高适应不拉伸的方法：1.首先，创建img标签，插入图片；2.通过position属性设置fixed样式固定图片；3.使用width和height属性设置图片宽高为100%即可；
在css中设置图片宽高适应不拉伸的方法
1.首先，在页面中创建一个img标签，并插入图片；
<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8"/>
<style></style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>
2.图片添加好后，在css中使用position属性固定图片；
<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8"/>
<style>
img{
position:fixed;
}
</style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>
3.最后，图片固定好后，使用width和height属性设置图片宽高为100%即可实现图片的宽高适应不拉伸；
<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8"/>
<style>
img{
position:fixed;
width:100%;
height:100%;
}
</style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>
版权声明
本文仅代表作者观点，不代表米安网络立场。
上一篇：debian固件驱动安装的方法是什么 下一篇：css怎么设置文字在图片上面
相关文章
作者文章
- 为什么用Win7装服务器？ 3小时前
- 诛仙3服务器为横杠的原因探究 6小时前
- 服务器内存为何不宜低于8GB？ 9小时前
- 为什么游戏服务器不能通区 10小时前
- 服务器耗电大且卡：原因剖析与应对之策 11小时前
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。