Android WebView увеличить, чтобы соответствовать ширине div
Мне нужно отобразить текст в формате HTML в моем приложении для Android. Я получаю HTML с сервера. Это выглядит примерно так:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="width: 9em; background-color: #00FF00;">
<img src="smiley.png" />
<pre>abc 123 456 789</pre>
</div>
</body>
</html>
Когда я помещаю это в WebView, я получаю следующий результат (изображение):
http://s11.postimg.org/gu3a6ybpf/Screenshot_2014_09_12_17_08_25.png
Но мне нужно увеличить WebView, чтобы "div" (зеленый квадрат) совпадал с экраном слева направо. Вот результат, который я ищу (изображение):
http://s4.postimg.org/554ayxqot/Screenshot_2014_09_12_17_14_14.png
Результат должен выглядеть одинаково на всех размерах экрана (телефоны, планшеты, ...) и во всех ориентациях (книжная, альбомная).
Я перепробовал все и проверил множество форумов, но не нашел решения своей проблемы. Может кто-нибудь, пожалуйста, скажите мне, как получить желаемый результат.
Спасибо.