Css 如何在JQuery Mobile中显示全尺寸图像?(边对边)

Css 如何在JQuery Mobile中显示全尺寸图像?(边对边),css,jquery-mobile,image-processing,Css,Jquery Mobile,Image Processing,下午好,我想知道是否有人能帮我解决以下问题 我有一个非常简单的JQuery移动Web应用程序,我一直在玩,这是我的CSS。我试图让“特色图像”显示为从边到边延伸的全宽图像 featured-image{width: 100%; height: 100px; padding: 0 !important; margin: 0;} 我还尝试将填充设置为0!很重要,但它不起作用。我的HTML如下所示。如果有人能提出任何建议,我会很高兴的 <div class="featured-image"&

下午好,我想知道是否有人能帮我解决以下问题

我有一个非常简单的JQuery移动Web应用程序,我一直在玩,这是我的CSS。我试图让“特色图像”显示为从边到边延伸的全宽图像

featured-image{width: 100%; height: 100px; padding: 0 !important; margin: 0;}
我还尝试将填充设置为0!很重要,但它不起作用。我的HTML如下所示。如果有人能提出任何建议,我会很高兴的

 <div class="featured-image">
    <img src="inc/images/keynote-full.jpg">
 </div>


如果父元素具有填充,则在图像上设置填充将不会起任何作用。首先检查该选项,然后可以尝试将图像上的负边距设置为与父图像上的填充相同的值。是否尝试例如
img{width:100%;height 100%;}