Мелкие шрифты на мобильном сайте - PullRequest
Новая
       11

Мелкие шрифты на мобильном сайте

2 голосов
/ 04 января 2012

Я разработал мобильный веб-сайт, и он отлично показывает мне эмулятор Android и IPhone.Однако, когда я пытаюсь просмотреть его на телефоне Android или IPhone, он отображает веб-сайт как обычный веб-сайт рабочего стола, который просматривается на телефоне с очень большой шириной и шрифтами, которые выглядят очень маленькими.Проблема будет решена, если я дважды нажму / нажму на моем экране.

Любая помощь будет принята с благодарностью.

Я получил это на stackoverflow .. но не сильноуверен в этом

1 Ответ

12 голосов
/ 04 января 2012

Вам необходимо добавить метатег с именем "viewport", см. Пример ниже 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
</head>
<body style='background-color:white;font-family:Arial,Tahoma,Verdana;'>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...