Как настроить свой мобильный сайт для работы с одноколонным представлением Opera Mini

Я хотел, чтобы у меня был мобильный сайт, который реагировал бы быстро, например, Facebook, Twitter, Google Plus, когда человек использует браузер Opera Mini с просмотром по одной колонке для доступа к моему мобильному сайту.

Некоторые люди предлагают такие вещи, как использование объявления в заголовке

<link rel="stylesheet" media="handheld" type="text/css" href="./kh_themes/css/mobile.css">

но это не всегда работало хорошо для меня и других, потому что я никогда не видел работающего решения, как я ожидал. У кого-нибудь есть идея сделать это?

Источник

1 ответ

Решение

Если вы просматриваете исходный код сайта Facebook Mobile, вы увидите этот код непосредственно перед объявлением тега.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome to Facebook</title>

Я попробовал это на моем сайте, и это сработало как шарм. Поэтому, если у вас есть мобильный сайт, добавьте этот код в раздел заголовка перед тегом:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

Дайте мне знать, как это работает на вашем сайте: не забудьте выбрать мой ответ как лучший;

Источник
Другие вопросы по тегам