У меня такой странный вопрос. На моей странице есть основное изображение планеты в какой-то тяжелой туманности. Я настроил его так, чтобы минимальная ширина была 1000 пикселей, а максимальная - 1500 пикселей. У меня исчезают стороны, и это прекрасно смотрится с большими экранами. То, что я хотел бы попытаться сделать, это когда вы, например, смотрите на это мобильное устройство и оно обрезает ширину в 1000 пикселей, мне нравится, когда изображение, например, имеет ширину 1300 пикселей, по центру и 150 пикселей. обрезается с каждой стороны, так что вы вообще не можете видеть затухание, но все равно сможете увеличивать его, если ширина окна становится больше, скажем, как у большого iMac, и это затухание снова становится видимым после прохождения 1300 ширина пикселя.

Моей первоначальной мыслью было сделать что-то с отрицательными полями с обеих сторон, но я не мог заставить это работать, сохраняя максимальную и смешанную ширину.

Это тот конкретный фрагмент кода со страницы, хотя html и css доступны для всех, вы можете просто использовать команду fine, чтобы найти этот div ID для дальнейшего просмотра.

<code><div style="position:relative;width:100%;">
   <div id="help" style="
      position:relative;
      z-index:1;
      height:100%;
      min-width: 1000px;
      max-width: 1500px;
      margin: 0 auto;
   ">
      <img src="http://i.stack.imgur.com/tFshX.jpg" border="0" style="width:100%;">
   </div>
</div>
</code>

Любые мысли по этому поводу, это очень близко к работе так, как я хотел бы, просто нуждается в небольшой настройке.