Я использую Dousaurus V3.
Я хочу увеличить ширину центрального столбца, в котором отображается содержимое уценки. Скриншот взят с сайта документации Docusaurus и имеет ширину 990 пикселей. Мой собственный сайт имеет ширину 825 пикселей.
Вероятно, используя файл custom.css, как увеличить ширину? А также учитывайте возможность просмотра на мобильных устройствах и экранах меньшего размера.
Да, вы можете переопределить необходимые стили в файле custom.css. Переопределите следующие пользовательские свойства CSS в соответствии с требованиями вашего пользовательского интерфейса:
--ifm-container-width-xl: 1320px (default value)
--ifm-container-width: 1140px (default value)
В своем custom.css вы можете сделать следующее:
:root {
--ifm-container-width-xl: 1600px;
--ifm-container-width: 1280px;
}
Не забудьте указать правильное значение ширины, поскольку это всего лишь пример.