CSS или Javascript, которые могут изменять размер любого HTML-кода, просматриваемого на iPhone

Я пытаюсь придумать какой-нибудь CSS или Javascript, который может автоматически изменять размер любогоHTML, который просматривается в браузере iPhone (компонент UIWebview), чтобы содержимое соответствует области просмотра, а изображения/текст изменяют размер. (не то же самое, что уменьшение масштаба).

Основная идея, которую я получил из другого вопроса, состоит в том, чтобы настроить ширину элементов, что-то вроде:

@media screen and (max-width: 480px){
    *{
    max-width: 320px;
    }
}

У меня также есть обычный метатег окна просмотра:

Это не изменяет его размер идеально как это выглядит в настоящее время. Вот исходныйHTML.

Мне было интересно, что еще я могу сделать для достижения этой цели? Я не хочу, чтобы это было правильно только для этого HTML, но и для других HTML-страниц.

Возможно, для этого уже существует подключаемый модуль jQuery?

Я не хочу делать это правильно только для этой страницы, я хочу что-то более общее для любой HTML-страницы.