Я пытаюсь создать страницу, которая будет совместима как с браузером ПК, так и с браузером на телефоне.
По сути, я хочу, чтобы мои элементы были как можно большего размера на меньших экранах(в идеале, даже немного больше), при этом все ограничивается узкой вертикальной полосой в центре окна браузера ПК.
Здесь вы можете посмотреть, как я стараюсь: http://www.hoggy.com
Я попытался прочитать ширину браузера, чтобы настроить данные на лету, но обнаружил, что не могу получить надежную ширину на всех платформах.
Поэтому я попытался центрировать вещи, исделать размеры изображения и таблицы в процентах от размера страницы ... но на телефоне она слишком мала (поэтому мне бы хотелось, чтобы она была немного шире экрана телефона), тогда как на ПК я хочу, чтобы моя ширина былаbe, эффективно min (100%, 500px).
Есть ли способ сделать это?