首页 > 代码库 > html中图片自适应浏览器,宽度高度自适应,图片自适应屏幕的小而不是宽高固定不变
html中图片自适应浏览器,宽度高度自适应,图片自适应屏幕的小而不是宽高固定不变
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Show.aspx.cs" Inherits="Wlxxs.Web.Xxs.Show" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style> html, body { padding: 10px; margin: 0 auto; height: 0 auto; max-width: 640px; font-family: "微软雅黑"; } .mainimg { text-align:center; } #Image1{height: auto; width: auto\9; width:100%;} </style></head><body> <div class="mainimg"> <asp:Image ID="Image1" runat="server" /> </div></body></html>
注:在html里面插入图片,如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入
#Image1{height: auto; width: auto\9; width:100%;}
html中图片自适应浏览器,宽度高度自适应,图片自适应屏幕的小而不是宽高固定不变
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。