Поддержка iphone Тип носителя для экрана, как сделать веб-сайт ПК совместимым с экраном iphone?

Question

iphone поддерживает тип носителя "Screen", тогда как сделать веб-сайт ПК совместимым с экраном iphone? Хотя оба используют один и тот же тип носителя?

Я знаю, что iphone не поддерживает FLASH, но если на сайте есть изображения фиксированной ширины, используется jquery и фиксированная ширина 960 пикселей. тогда как сделать совместимость с маленьким экраном iphone.

Answer 1

Возможно, вы захотите создать отдельную таблицу стилей, предназначенную для браузера iPhone, и сделать ссылку на эту таблицу стилей следующим образом:

<link media="only screen and (max-device-width: 480px)" href="iphone.css" type= "text/css" rel="stylesheet">

Я сам использовал эту технику, и она рекомендуется в Apple Safari Web Content Guide . Старые браузеры будут игнорировать ключевое слово only и не будут читать вашу таблицу стилей.

В этой специфической для iPhone таблице стилей попробуйте включить некоторые правила для масштабирования текста и изображений и показывать / скрывать контент, пока сайт не отобразится на меньшем экране.

Answer 2

Я думаю, что вы спрашиваете, связано с метатегом viewport. Попробуйте это.

<meta name="viewport" content="width=220, user-scalable=yes" />

Вы также можете попытаться настроить ширину для лучшей работы с вашим сайтом. Но, по крайней мере, это хорошая отправная точка.