Показано с 1 по 11 из 11

Тема: Не влезает в экран iPhone, iPad

Комбинированный просмотр

  1. #1

    Регистрация
    22.06.2012
    Сообщений
    4

    [Только зарегистрированные пользователи могут видеть ссылки. ] - первый раз столкнулся с такой проблемой, сделал табличную верстку, а на экране iPhone, iPad отображается с горизонтальным скроллом. У кого какие идеи по этому поводу?

  2. #2

    Регистрация
    04.02.2009
    Сообщений
    428
    у меня есть идя: "НЕ делай таблличную верстку в 21 веке"

  3. #3

    Регистрация
    19.03.2010
    Адрес
    Киев
    Сообщений
    414
    div - max min-width таблице - 100% и в ячейке есть такое свойство как overflow: hidden, посмотри в инете.

    galaxy а покажи свою лучшую работу!




  4. #4

    Регистрация
    03.08.2005
    Адрес
    Украина, Киев
    Сообщений
    1,660
    Давайте, пожалуйста, без "покажи лучшую работу".

    Ширина контента сейчас 1020 пикселей — это недопустимо. Т.е. на минимальном разрешении (нетбук) также присутствует скроллинг примерно 20 пикселей шириной — итого даже там будет горизонтальный скроллинг. Кроме того, айпад еще сам немного подрубает края. Сделайте ширину сайта не 1020, а 960 и ваша проблема решится.

  5. #5

    Регистрация
    22.06.2012
    Сообщений
    4
    Давайте, пожалуйста, без "покажи лучшую работу".

    Ширина контента сейчас 1020 пикселей — это недопустимо. Т.е. на минимальном разрешении (нетбук) также присутствует скроллинг примерно 20 пикселей шириной — итого даже там будет горизонтальный скроллинг. Кроме того, айпад еще сам немного подрубает края. Сделайте ширину сайта не 1020, а 960 и ваша проблема решится.
    Спасибо за ответ. Смотрите этот сайт [Только зарегистрированные пользователи могут видеть ссылки. ] сверстан так же таблицами, ширина таблицы 1000 и он нормально отображается на iPhone

  6. #6

    Регистрация
    19.03.2010
    Адрес
    Киев
    Сообщений
    414
    а вот давайте!

  7. #7

    Регистрация
    04.02.2009
    Сообщений
    428
    удачи (:

  8. #8

    Регистрация
    22.06.2012
    Сообщений
    4
    Может все же по существу поможете?

  9. #9

    Регистрация
    03.08.2005
    Адрес
    Украина, Киев
    Сообщений
    1,660
    Попробуйте под низ белый фон кинуть общий как во второй ссылке, что вы показали.

  10. #10

    Регистрация
    22.06.2012
    Сообщений
    4
    Попробуйте под низ белый фон кинуть общий как во второй ссылке, что вы показали.
    не помогает, пробовал!

  11. #11

    Регистрация
    21.05.2009
    Адрес
    Moscow
    Сообщений
    92
    Почитайте побольше информации по вёрстке, это банально:

    The pixel width and height of your page will depend on orientation as well as the meta viewport tag, if specified. Here are the results of running jquery's $(window).width() and $(window).height() on iPad 1 browser.

    When page has no meta viewport tag:

    Portrait: 980x1208
    Landscape: 980x661
    When page has either of these two meta tags:

    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">

    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">

    Portrait: 768x946
    Landscape: 1024x690
    With <meta name="viewport" content="width=device-width">:

    Landscape: 768x518
    Portrait: 768x946
    With <meta name="viewport" content="height=device-height">:

    Portrait: 980x1024
    Landscape: 980x1024
    With <meta name="viewport" content="height=device-height,width=device-width">:

    Portrait: 768x1024
    Landscape: 768x1024
    With <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">

    Portrait: 768x1024
    Landscape: 1024x1024
    With <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">

    Portrait: 831x1024
    Landscape: 1520x1024

Похожие темы

  1. Художник для проектов под iPhone/iPad
    от pKiR в разделе Вакансии
    Ответов: 0
    Последнее сообщение: 18.09.2011, 17:55
  2. Iphone в официальной продаже
    от eiff в разделе Дизайн-лента
    Ответов: 0
    Последнее сообщение: 10.07.2008, 17:59
  3. Дергается экран в меню
    от Kostia в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 31.08.2007, 23:32
  4. Таблица во весь экран
    от as111 в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 21.04.2006, 20:04
  5. таблица во весь экран
    от Lenok в разделе Вёрстка сайта
    Ответов: 0
    Последнее сообщение: 21.03.2006, 15:07

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •