• Как сверстать такие блоки на flexbox?

    @woidead
    html


    БЛОК A
    БЛОК B
    БЛОК C

    css

    .container {
    display: flex;
    flex-wrap: wrap;
    }

    .block {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px; /* Просто для отступа, можно настроить как угодно */
    }

    .block-a {
    flex: 1; /* Растягиваем на всю ширину, если один в строке */
    max-height: 200px; /* Пример максимальной высоты */
    background-color: gray;
    }

    .block-b,
    .block-c {
    flex-basis: 100%; /* Занимает всю ширину */
    flex-grow: 1; /* Растягивается на доступное пространство по высоте */
    }

    .block-b {
    background-color: red;
    }

    .block-c {
    background-color: green;
    }
    Ответ написан
  • Почему в монитор порта выводится только значение 1023(много раз)?

    @woidead
    закинул в гпт он ответил
    На вашем изображении представлена схема подключения фоторезистора и светодиода к микроконтроллеру Arduino UNO, а также код программы, который считывает аналоговое значение с фоторезистора, подключенного к аналоговому пину A5, и управляет светодиодом, подключенным к цифровому пину 12. Вы спрашиваете, почему в монитор порта выводится одно значение 1023.

    Значение 1023 является максимальным значением, которое может вернуть функция `analogRead()` на платформе Arduino, что соответствует напряжению 5 В (или максимальному напряжению питания АЦП). Это значение указывает на то, что на пин A5 приходит максимально возможное напряжение для данной платформы.

    Есть несколько возможных причин, по которым монитор порта показывает только значение 1023:

    1. **Соединение фоторезистора**: Если фоторезистор подключен таким образом, что между пином A5 и положительным напряжением питания нет достаточного сопротивления, то АЦП будет всегда возвращать максимальное значение.

    2. **Повреждение фоторезистора или его неправильная работа**: Если фоторезистор поврежден или из-за какой-то причины имеет очень низкое сопротивление, это также может вызвать такой эффект.

    3. **Проблемы с платой Arduino**: Возможно, что есть проблема с самим аналоговым пином A5 на плате Arduino.

    Чтобы устранить проблему, вы можете выполнить следующие шаги:

    - Убедитесь, что фоторезистор подключен правильно. Обычно фоторезистор подключается к одному из аналоговых пинов через делитель напряжения, где один конец подключен к положительному напряжению, а другой к земле через номинал резистора, который создает подходящий диапазон напряжений для АЦП.
    - Проверьте фоторезистор мультиметром, чтобы убедиться, что он работает правильно и изменяет сопротивление в зависимости от освещенности.
    - Попробуйте подключить фоторезистор к другому аналоговому пину, чтобы убедиться, что проблема не в пине A5.
    - Проверьте остальные компоненты схемы и их подключение.
    - Загрузите в Arduino простую программу для проверки аналогового ввода, например, только с функцией `Serial.println(analogRead(A5));` в цикле `loop()`, чтобы увидеть, изменяется ли показание при разном освещении фоторезистора.
    Ответ написан
    Комментировать
  • Как установить высоту активного таба?

    @woidead
    (function($, document) {
        function setupTabs(container) {
            // Функция для обновления высоты контейнера
            function updateContainerHeight() {
                const activeTabHeight = container.find('.tab__content.active').outerHeight();
                container.css('min-height', activeTabHeight + 'px');
            }
    
            // Установка начальной высоты
            updateContainerHeight();
    
            // Обработчик событий для переключения вкладок
            container.find('.tab-selector').on('click', function() {
                // Здесь код для переключения вкладок...
                
                // Обновление высоты после переключения
                updateContainerHeight();
            });
        }
    
        // Инициализация для каждого набора табов
        $('[data-tabs]').each(function() {
            setupTabs($(this));
        });
    
    }(jQuery, document));
    Ответ написан
    Комментировать