网页中的图像asp.net c#
目标:根据分辨率调整图像大小 问题:如果不调整大小,对齐和图像结构将消失 需要以下代码:我不想将小图像调整为100%宽度网页中的图像asp.net c#,asp.net,image-resizing,Asp.net,Image Resizing,目标:根据分辨率调整图像大小 问题:如果不调整大小,对齐和图像结构将消失 需要以下代码:我不想将小图像调整为100%宽度 System.Drawing.Image img = System.Drawing.Image.FromFile(imgTest.Src); if (img.HorizontalResolution > 1000) { imgTest.Attributes.Add("width", "100%"); } 我这样做对吗?或
System.Drawing.Image img = System.Drawing.Image.FromFile(imgTest.Src);
if (img.HorizontalResolution > 1000)
{
imgTest.Attributes.Add("width", "100%");
}
我这样做对吗?或者有没有其他的替代方法来做同样的事情?让我知道,我能用CSS替换C代码吗?你能更具体一点吗 基本上,您是否将图像存储在新大小的某个位置 或者您只是希望在需要具有一定宽度/高度的DIV或td中显示图像 如果我没弄错的话,你只是想调整更大的图像大小,所以任何低于阈值的东西都不应该调整大小,对吗 如果它很容易显示,您可以放弃所有这些,只使用CSS
img
{
max-width:1000px;
max-height:1000px;
}
这将使任何超过这些约束的图像变小,但纵横比固定
此链接解释了这些CSS属性的基础
让我知道这是否有用!干杯 您可以使用CSS媒体查询来完成此操作。警告:目前网页设计师有一种趋势,即使用所谓的“响应式网页设计”技术来为移动设备实现这一点;我的建议是:不要追随这种时尚。只有在下载了所有标记和图像后,媒体查询才会启动。因此,如果您想为移动设备应用较小的图像,所有桌面版本仍然会被下载,从而导致严重的性能问题 如果您正试图为移动设备执行此操作,请为移动设备创建单独的站点,并对其应用CSS媒体查询。使用Mobi检测浏览器功能 如果它只是一个普通的桌面浏览器站点,CSS媒体查询就是一个不错的选择 与设置“最大宽度”和“高度”相比,使用此方法的优点是可以保持图像的质量。您可以通过为媒体查询提供较小的版本来实现这一点