Контролировать размер стороннего скрипта

Question

В мою веб-страницу встроен следующий скрипт:

<script src="http://www.weatherforecastmap.com/weather2.php?zona=malaysia_kuala-lumpur" ></script>

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

Answer 1

Поместите этот скрипт в div с фиксированной шириной и стилизуйте изображение - т.е.

<div id="thescript">
  <script src="..."></script>
</div>

Стиль:

/* CSS */
#thescript{
  width: 200px;
  height: 200px;
  overflow: hidden;
}

/* alternative */
#thescript img{
  width: 200px;
}

С другой стороны, если вы хотите зависеть от размера экрана, то, я думаю, вы ищете% ширины вместо фиксированных пикселей.