различные таблицы стилей CSS для iPad и iPhone в универсальном приложении

Question

У меня есть автономный веб-сайт, встроенный в UIWebView. Я создал таблицу стилей для удобного форматирования на экране iPhone, но мне нужно другое форматирование, чтобы лучше использовать экран iPad.

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

Может кто-нибудь придумать, как загрузить другую таблицу стилей в зависимости от того, работает ли приложение на iPhone или iPad? У меня есть тысячи HTML-файлов, которые синхронизируются с веб-сайтом, поэтому я не могу легко изменить их все. Мне нужен какой-то способ изменить таблицу стилей, которая загружается с использованием JavaScript или путем перемещения файла CSS в определенное место.

Я должен также упомянуть, что это универсальное приложение с почти одинаковым кодом (и немного разными файлами пера), работающими на обоих.

Answer 1

Можете ли вы использовать медиазапрос CSS ? Вы можете добавить его на свои страницы, используя stringByEvaluatingJavaScriptFromString: .

Answer 2

С помощью кода на стороне сервера вы можете обнаружить пользовательский агент iPad и записать тег link в другую таблицу стилей.Я, вероятно, предпочел бы использовать серверную логику, а не Javascript, просто потому, что мне не нравится возможность «мерцания» этого с Javascript.

Answer 3

Почему бы вам не взглянуть на 960 Grid System http://960.gs. Это помогает использовать различные форматы CSS в зависимости от устройства, с которым он сталкивается