应用解析的一个小问题

时间:2016-11-02 13:38:25

标签: cordova

首先,抱歉我的英语不好。所以,我解决了我的应用问题。我正在使用像素艺术,所以,我需要我的应用程序保留所有图像的原始分辨率,我不知道你是否了解我,但是,这里有几张图片:

看起来像这样: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;
&#13;
&#13;

是一个简单的文件(还是)因为我需要解决问题才能继续我的项目。

呃,我在混合应用程序世界中实际上是新手。非常感谢。

2 个答案:

答案 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;
}