2015-01-22 5 views
-1

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

Я также знаю, что вы можете поместить @media или @media экран

есть разница между теми, 2 а?

+2

Лучший способ отображения веб-сайта для мобильных устройств - это либо разработка мобильной версии строго для каждого размера экрана, либо отзывчивого веб-сайта, который будет автоматически «расширяться» при необходимости. – RhapX

+1

, если вы не знаете объективный C, который предназначен для iOS или любого другого приложения, использующего Android, он использует только html, css и javascript и подходит как для Android, так и для iOS. phonegap.com – innovation

+1

@innovation OP не просит создать собственное приложение. Они просто хотят сделать свой сайт мобильным. Таким образом, нет необходимости изучать Objective C или Java (это то, что Android использует FYI) – RhapX

ответ

1

Лучший способ сделать это - установить ширину divs на проценты. например, должны делиться по 50% каждый, которые будут отображаться одинаково на любом экране. Использование процентов - лучший способ. Другим способом, который намного проще, является использование bootstrap, у которого есть существующие классы CSS, которые помогут вам создавать гибкие div, изображения и т. Д. У них есть все подходящие классы, которые будут работать на мобильных устройствах и компьютерах. надеюсь, это поможет

1

Существует множество различных практик для создания мобильных мобильных сайтов. Наиболее заметным является Responsive Web Design.

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

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

Выполнение специфичных для конкретного устройства (не специфичных для размера экрана) стилей позволяет лучше использовать пространство на устройствах с более высоким разрешением.

Смежные вопросы