У меня есть приложение nextjs (https://codesandbox.io/s/kind-ellis-bkobb?file=/pages/list2.js) с использованием material-ui без какой-либо темы со страницей:
import ListItem from "@material-ui/core/ListItem";
import ListItemText from "@material-ui/core/ListItemText";
import List from "@material-ui/core/List";
export default function List2Page() {
return (
<>
<p>Paragraph text</p>
<List>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
<ListItem>
Donec pretium elit id augue vulputate dignissim non eget
</ListItem>
<ListItemText>
Vestibulum scelerisque facilisis libero quis congue nulla
</ListItemText>
<ListItem>
<ListItemText primary="Proin ornare sapien libero, eget commodo sem laoreet sit"></ListItemText>
</ListItem>
</List>
</>
);
}
Вот скриншот этой страницы, сделанный в браузере Android Chrome в ландшафтном режиме (выглядит нормально):
И в портретном режиме (выглядит безумно):
Почему два элемента намного меньше других элементов в портретном режиме и как сделать размер шрифта одинаковым?