将在较小的屏幕分辨率大的图像不调整

我希望把它的形象是1500px宽，我想这个图像有显示在较小的屏幕分辨率，它的全尺寸，像1024x768px。我不想使用最大宽度：100％，因为这将调整图像大小，这正是我不想要的。我想要显示其原始分辨率并“隐藏”图像的其余部分。图像不能作为背景。将在较小的屏幕分辨率大的图像不调整

像这样：

enter image description here

谢谢

编辑：下面是一个例子。我正在使用Bootsrap 3.在较小的分辨率下，它打破了页面。我希望它是全宽而不调整它的大小。该图像来自Flickr。 http://jsfiddle.net/a8T7J/1/embedded/result/

<section> 
<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <h1>Hello World</h1> 
      <p>This is a paragraph.</p> 
      <img src="https://farm9.staticflickr.com/8083/8354311074_f961d5c489_h.jpg"> 
     </div> 
    </div> 
    <!-- End row --> 
</div> 
<!-- End container -->

这是代码http://jsfiddle.net/a8T7J/1/

来源

2014-06-26 user2260096

你可以张贴一些代码？ – Filly

下面是一个例子。我正在使用Bootsrap 3.在较小的分辨率下，它打破了页面。我希望它是全宽而不调整它的大小。该图像来自Flickr。 http://jsfiddle.net/a8T7J/1/embedded/result/ 这是代码http://jsfiddle.net/a8T7J/1/ – user2260096

，你可以使用媒体查询针对特定的屏幕分辨率

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {/* Styles */}

来源

2014-06-26 18:20:07 Keith

感谢您的回答，但我不想裁剪图像，我希望图像显示为全宽背景，但它需要放在img标签中。 – user2260096

将在较小的屏幕分辨率大的图像不调整

回答

相关问题