首先,抱歉我的英语不好。所以,我解决了我的应用问题。我正在使用像素艺术,所以,我需要我的应用程序保留所有图像的原始分辨率,我不知道你是否了解我,但是,这里有几张图片:
看起来像这样:The app looks like this
原始图片如下所示:The image looks like this
代码是这样的:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1,
width=device-width, height=device-height, target-densitydpi=device-dpi" />
<title></title>
</head>
<body>
<img src='design/img/avatar.png' />
</body>
</html>
&#13;
是一个简单的文件(还是)因为我需要解决问题才能继续我的项目。
呃,我在混合应用程序世界中实际上是新手。非常感谢。答案 0 :(得分:0)
您应该在样式表中为图像设置一个宽度/高度
.classname{
width:100px;
height:100px;
}
如果您发现这些被否决,那么您可以像这样使用!important标志:
.classname{
width:100px!important;
height:100px!important;
}
然后应该始终保留图像尺寸。
答案 1 :(得分:0)
尝试使用
img{
width: auto;
height: auto;
}
回复更新
您的应用程序模糊图像只是因为您的png图像和白色应用程序背景。
尝试添加背景颜色红色您将获得原始图像,我只是想让您知道图像因png图像和背景组合而显示模糊,您必须更改图像边框或图像容器的背景
body{
background-color: red;
}