изменение размера шрифта, если на iphone

Question

0

Я хочу проверить, не пользуюсь ли Ipad, и если так, измените размер шрифта в div #txtArea. У меня есть следующий код, но он не работает:

 <script>if ($(window).width() < 600) { $('#txtArea').attr('font-size:60px'); }</script>

Что я делаю не так?

благодаря

user2998021 19 нояб. 2013, в 04:44

Теги:

iphone

1 ответ

Alexei Levenkov · Answer 1 · 2013-11-19T01-18-00.000Z

Размер шрифта - это стиль, а не атрибут, поэтому вам нужно использовать метод css для его изменения:

   $('#txtArea').css('font-size', '60px');

Обратите внимание, что лучше использовать CSS-запросы на основе ширины вместо кода сценария.

<style>
@media (max-width: 600px) {
  #txtArea {
    font-size:60px;
  }
}
</style>

Спасибо, но я хотел бы использовать ваш метод CSS. Я набрал:
<script> if ($ (window) .width () <600) {$ ('# txtArea'). css ('font-size', '60px');} </ script>, но ничего не делает , Есть идеи?
И у меня есть это: #txtArea {font-size: 30px} в голове при запуске. После javascript выше он остается на 30 на симуляторе iphone
@ user2998021 вы пытались отладить проблему? Я не уверен, как отлаживать на эмуляторе iPhone, но для устранения таких проблем часто можно использовать браузеры на основе настольных компьютеров, основанные на WebKit. Я бы рекомендовал сначала попробовать код в вашем настольном браузере и использовать инструменты отладки (Chrome / IE / Firefox - F12) для отладки. Это может быть так же просто, как поместить скрипт до того, как HTML будет фактически отображен на странице, но это невозможно сделать без реального примера.