Каким способом лучше всего менять html код?

Question

[x4zx]

Здравствуйте, делаю адаптацию - есть необходимость иметь разный html-код для мобильной и пк версии.

Для мобильной:


Для пк:


Подскажите пожалуйста, каким способом наиболее удобно и актуально заменить html код, в данном случае весь тег header

Comments

[Alex_mos]

Зачем дублировать? Вы же задавали этот вопрос, вам предлагали с помощью css а потом как оказалось подходит js

[Сергей delphinpro]

Глядя на эти картинки, я не вижу необходимости иметь разный html.

Answer 1

[Mizutsune]

Если макет не слишком сложный, то можно обойтись и медиа запросами.

Например вот так:



Плюс минус немного JS для смены класса и прочее, но в основном всю работу выполняет CSS.

Answer 2

[iBird Rose]

в твоем случае можно спокойно обойтись только css. выставляешь в ряд все возможные элементы через flex. далее в зависимости от адаптивности нужные показываешь, не нужные display: none; а положение меняешь через order

Answer 3

[PANOV_DEV]

на пхп проверяй устройства и подгружай нужный тебе файл

Comments

[Владимир]

Что за глупость.

[PANOV_DEV]

Владимир, что тебя не устраивает? Я дал ответ на его вопрос. Он не спросил как его адаптировать, а спросил про замену кода.

Так что, моей вины тут нет, ответ дан на его вопрос.

Answer 4

[Владимир]

@media