Оптимизация сайта для мобильных устройств

Question

Оптимизация сайта для мобильных устройств

0

Привет, ребята, я очень люблю новые веб-сайты. У меня есть этот сайт, который я делаю:

.content{           
            background:url('images/ROME-960x700pix-width-BG_03.jpg') no-repeat center;
            margin: 0 auto;
            position: relative;
            max-width: 80%;
            text-align:center;
        }

Я хотел бы попросить помощь в том, что исправить, чтобы превратить его в мобильный сайт. Благодарю!

user1998735 17 март 2014, в 07:52

Источник

0

я думаю, вам нужно получить представление об адаптивном сайте?
kamesh 17 март 2014, в 06:46
0

всякий раз, когда вы просматриваете его на мобильных телефонах или планшетах, он становится меньше
user1998735 17 март 2014, в 06:48

Теги:

html

css

mobile-website

3 ответа

Ещё вопросы

я думаю, вам нужно получить представление об адаптивном сайте?
всякий раз, когда вы просматриваете его на мобильных телефонах или планшетах, он становится меньше

Xtian · Answer 1 · 2014-03-17T05-45-00.000Z

Прежде всего, попробуйте изучить медиа-запросы. Вот несколько слайдов, которые могут вам помочь:

http://www.slideshare.net/zomigi/building-responsive-layouts-15508821

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

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

Arjun Chaudhary · Answer 2 · 2014-03-17T04-20-00.000Z

Вы можете использовать Dreamweaver также для скрытой возможности r, чтобы сделать это, но не настолько надежным, но вы можете попробовать, никогда не знаете, что это может работать в моем случае, это не так, я попробовал медиа-запросы и JQuery.

Для реализации jquery см. Этот сайт

http://devproconnections.com/jquery/jquery-mobile-tutorial-how-convert-existing-website-mobile-website Отличный сайт должен ссылаться, даже если вы этого не хотите. ИЛИ

Если вы хотите сделать это вручную, вам придется использовать медиа-запросы.

пример

@media only screen and (max-device-width: 480px){

.content{           
            background:url('images/ROME-960x700pix-width-BG_03.jpg') no-repeat center;
            margin: 0 auto;
            position: relative;
            max-width: 80%;
            text-align:center;
        }

}

Для всего tutorila обратитесь к http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

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

Sergey Pekar · Answer 3 · 2014-03-17T04-26-00.000Z

Проверьте медиа-запросы css, это поможет вам разработать универсальный дизайн для разных разрешений экрана (для мобильных устройств тоже).
Также вы можете использовать обнаружение браузера и перенаправить всех мобильных пользователей на ваш поддомен сайта, например m.your_site.com, где будет сохранена мобильная версия вашего сайта.