Как сделать авто высоту фрейма?

Question

Kalwin @Mari-art

noob

HTML
CSS

Как сделать авто высоту фрейма?

Гайз, помогите.
Как выставить авто высоту фрейма? Перепробовал кучу способов, но ни один не вышел. Фрейм обрезает на 225 пикселях, а стандартная высота где-то 450-500 пикселей, при чём на телефоне должна быть другая. Но оно режет на 225.

Вопрос задан более трёх лет назад
86 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Kalwin @Mari-art Автор вопроса

Пробовал, не помогло.

<iframe src='[(rb_base_url)]templates/konon/inwidget/index.php?&inline=7&view=10&toolbar=false' scrolling='no' frameborder='no' style='border:none;width:100%;height:359px;overflow:visible;' width=100% ></iframe>

<?php

/**
 * Project:     inWidget: show pictures from instagram.com on your site!
 * File:        template.php
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of MIT license
 * https://inwidget.ru/MIT-license.txt
 *
 * @link https://inwidget.ru
 * @copyright 2014-2020 Alexandr Kazarmshchikov
 * @author Alexandr Kazarmshchikov
 * @package inWidget
 *
 */

if (!$inWidget instanceof \InWidget\Core) {
	throw new \Exception('inWidget object was not initialised.');
}

?>
<!DOCTYPE html>
<html lang="<?= $inWidget->langName ?>">
	<head>
		<title>inWidget - free Instagram widget for your site!</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
		<meta http-equiv="content-language" content="<?= $inWidget->langName ?>"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<!-- Bootstrap core CSS -->
		<link href="../../../templates/konon/style/css/bootstrap.min.css" rel="stylesheet">
		<link href="../../../templates/konon/style/css/plugins.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="<?= $inWidget->skinPath . $inWidget->skinName ?>.css?r2" media="all"/>
		<?php if ($inWidget->adaptive === false) : ?>
		<style type='text/css'>
			.widget {
			width: <?= $inWidget->width ?>px;
			}
			.widget .data a.image:link, .widget .data a.image:visited {
			width: <?= $inWidget->imgWidth ?>px;
			height: <?= $inWidget->imgWidth ?>px;
			}
			.widget .data .image span {
			width: <?= $inWidget->imgWidth ?>px;
			height: <?= $inWidget->imgWidth ?>px;
			}
			.copyright, .cacheError {
			width: <?= $inWidget->width ?>px;
			}
		</style>
		<?php
	else :
			require_once 'plugins/adaptive.php';
			endif;
		?>
	</head>
	<body>
		<div id="widget" class="widget">
			<div class="row">
				<div class="col-xs-3">
					<a href="https://instagram.com/<?= $inWidget->data->username ?>" target="_blank" class="title">
						<div class="icon">&nbsp;</div>
						<div class="text"><?= $inWidget->lang['title']; ?></div>
						<div class="clear">&nbsp;</div>
					</a>
				</div>
				<div class="col-xs-9">
					<?php if ($inWidget->toolbar == true) : ?>
					<table class="profile">
						<tr>
							<td rowspan="2" class="avatar">
								<a href="https://instagram.com/<?= $inWidget->data->username ?>" target="_blank"><img src="<?= $inWidget->data->avatar ?>"></a>
							</td>
							<td class="value">
								<?= $inWidget->data->posts; ?>
								<span><?= $inWidget->lang['statPosts'] ?></span>
							</td>
							<td class="value">
								<?= $inWidget->data->followers ?>
								<span><?= $inWidget->lang['statFollowers'] ?></span>
							</td>
							<td class="value" style="border-right:none !important;">
								<?= $inWidget->data->following ?>
								<span><?= $inWidget->lang['statFollowing'] ?></span>
							</td>
						</tr>
						<tr>
							<td colspan="3" style="border-right:none !important;">
								<a href="https://instagram.com/<?= $inWidget->data->username ?>" class="follow" target="_blank"><?= $inWidget->lang['buttonFollow'] ?> &#9658;</a>
							</td>
						</tr>
					</table>
					<?php endif;
									$i = 0;
									$count = $inWidget->countAvailableImages($inWidget->data->images);
									if ($count > 0) {
										if ($inWidget->config['imgRandom'] === true) {
											shuffle($inWidget->data->images);
										}
										echo '<div id="widgetData" class="data row">';
										foreach ($inWidget->data->images as $key => $item) {
											if ($inWidget->isBannedUserId($item->authorId) === true) {
												continue;
											}
											switch ($inWidget->preview) {
												case 'large':
													$thumbnail = $item->large;
													break;
												case 'fullsize':
													$thumbnail = $item->fullsize;
													break;
												default:
													$thumbnail = $item->small;
											}
											echo '<a href="' . $item->link . '" class="image" target="_blank"><span style="background-image:url(' . $thumbnail . ');">&nbsp;</span></a>';
											$i++;
											if ($i >= $inWidget->view) {
												break;
											}
										}
										echo '<div class="clear">&nbsp;</div>';
										echo '</div>';
									} else {
										if (!empty($inWidget->config['HASHTAG'])) {
											$inWidget->lang['imgEmptyByHash'] = str_replace(
												'{$hashtag}',
												$inWidget->config['HASHTAG'],
												$inWidget->lang['imgEmptyByHash']
											);
											echo '<div class="empty">' . $inWidget->lang['imgEmptyByHash'] . '</div>';
										} else {
											echo '<div class="empty">' . $inWidget->lang['imgEmpty'] . '</div>';
										}
									}
					?>
				</div>
			</div>
		</div>
		<?php if (isset($inWidget->data->isBackup)) : ?>
		<div class='cacheError'>
			<?= $inWidget->lang['errorCache'] . ' ' . date(
	'Y-m-d H:i:s',
	$inWidget->data->lastupdate
) . ' <br /> ' . $inWidget->lang['updateNeeded'] ?>
		</div>
		<?php endif; ?>
	</body>
</html>
<!-- 
inWidget - free Instagram widget for your site!
https://inwidget.ru
© Alexandr Kazarmshchikov
-->

Написано более трёх лет назад

Ваш ответ на вопрос