Недавно я создал веб-сайт: www.hauswoods.comрасположение жидкость - сохранить макет
Сайт выглядит отлично на стандартном экране, но на мобильном устройстве, это ужасно. Я попытался настроить сайт на наличие жидкости, изменив ширину на%, но затем макет завинчивается.
Если кто-то достаточно любезен, чтобы взглянуть на сайт как на мобильном устройстве и стандартный экран становится ясно, у меня есть две различные проблемы, которые я пытаюсь решить:
1) навигации - что я должен делать, чтобы поддерживать навигацию, поскольку на мобильном телефоне она отображается в два раза выше, а ширина не регулируется, чтобы соответствовать экрану.
2) содержимое html doc является держателем div с двумя элементами: элементы абзаца и изображения перемещаются вправо. На мобильном телефоне, похоже, нет отступов или полей, и это похоже на то, что ребра вырезаны - в основном макет действительно перепутан на мобильном телефоне, и я не знаю, с чего начать.
Не могли бы вы рассказать, что мобильное устройство? Я просто проверил браузер Dolphin и Opera на Android. На первой странице выглядят неплохо (только некоторые незначительные проблемы с фоном, но это потому, что соотношение сторон экрана). На втором сценарии анимированной галереи не загружается с некоторыми беспорядками, но остальное не так уж плохо. В любом случае, я бы порекомендовал отдельный css для мобильных устройств. – DzikiMarian
спасибо, что посмотрели. Я смотрел сайт на iphone и на ipad. Я понимаю, что какой-то код не будет работать во всех браузерах, хотя, тем не менее, попытался использовать функции html5 и css3, которые, как я знаю, не будут работать во всех браузерах. Я тоже новичок, которого я подозреваю. Да, скорее всего, в ближайшем будущем я создам отдельную таблицу стилей для мобильных устройств, но было бы неплохо иметь в виду, что сайт будет отображаться так же, как и на небольших экранах –