Задать вопрос

Thuban

Ответы

  • Как подключить нотбук к телевизору/монитору по hdmi?

    @Thuban
    Это распространенная проблема у данной модели с процессорами intel, здесь пишут: https://forums.lenovo.com/t5/Lenovo-U-and-S-Series... , что проблема возникает при работе SATA-контроллера в AHCI режиме и помогает переход в режим RST. Попробуйте переключиться, если поможет - отпишитесь, поможет для статистики. Было бы неплохо, если бы ещё указали свою модификацию
    Ответ написан
    3 комментария
    3 комментария

  • Карусель изображений Fotorama выходит за границу flex-блока, как исправить?

    @Thuban Автор вопроса
    В gallery_group нельзя ставить width: 100%, т.к. это flex-блок и он займет весь родительский элемент, там уже прописано flex: 1 1 0 для равного размера
    Пример HTML
    <div class="gallery">
					<div class="gallery_group">
						<div class="fotorama" data-fit="cover" data-nav="thumbs" data-loop="true" 
						data-maxwidth="100%" data-maxheight="300px" data-flexible="true">
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						</div>
					</div>
					
					<div class="gallery_group">
						<div class="fotorama" data-fit="cover" data-nav="thumbs" data-loop="true" 
						data-maxwidth="100%" data-maxheight="300px" data-flexible="true">
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						</div>
					</div>
					
					<div class="gallery_group">
						<div class="fotorama" data-fit="cover" data-nav="thumbs" data-loop="true" 
						data-maxwidth="100%" data-maxheight="300px" data-flexible="true">
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						  <img src="http://placehold.it/400x400"/>
						</div>
					</div>


    Пример CSS
    .gallery {
	display: flex; 
	max-width: 100%;
	align-items: stretch;
}

.gallery_group {
	flex: 1 1 0;
	padding: 16px;
}
    Ответ написан
    Комментировать
    Комментировать