Php Phonegap中的响应图像

Php Phonegap中的响应图像,php,image,cordova,responsive-design,Php,Image,Cordova,Responsive Design,我希望在我的Phonegap应用程序中有响应图像,但是如何使用来自mysql数据库和php作为服务器端的图像来实现这一点。您需要对所述图像应用一些CSS,以便它们能够响应,图像是从imgsrc还是从mysql数据库加载并不重要 试试这个CSS: img { max-width: 1000px; //upper-bound min-width: 320px; //lower-bound width: 100%; //set the image to be the wi

我希望在我的Phonegap应用程序中有响应图像,但是如何使用来自mysql数据库和php作为服务器端的图像来实现这一点。

您需要对所述图像应用一些CSS,以便它们能够响应,图像是从
img
src
还是从mysql数据库加载并不重要

试试这个CSS:

img {
    max-width: 1000px;  //upper-bound
    min-width: 320px;  //lower-bound
    width: 100%;  //set the image to be the width of whatever the screen width is now
}
查看PhoneGap中处理响应性设计的最佳方法-您可以使用内置方法调用设备字符串,但最有效的方法是使用媒体查询和最大和最小宽度。