Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
0 / 0 / 0
Регистрация: 04.01.2018
Сообщений: 27

Как сделать так что бы в зависимости от вида устройства просмотра показывалась та или иная версия сайта

01.01.2019, 13:35. Показов 2109. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!есть сайт одностраничник-лэндинг, есть два его вида - под мобильные устройства и десктоп версия как сделать так что бы в зависимости от вида устройства просмотра показывалась та или иная версия сайта контент этих версий сильно отличается.единственное как я могу это сделать это типо if screen.width>800{document.write('html код')}, но мне этот способ не нравится может кто то знает как можно сделать по другому?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
01.01.2019, 13:35
Ответы с готовыми решениями:

как сделать так, что б из всего графика "показывалась" только его часть от одного задаваемого числа до другого?
program Sinx; uses crt, graph; var gd,gm: integer; xe,ye,xen,xek,yen, yek: integer; xs,ys,kdx,kdy,kt, i: integer; ...

Как сделать так, чтобы в textbox-е показывалась общая стоимость выбранных товаров?
Подскажите пожалуйста. В приложении есть combobox информация туда передается из базы данных (название товара), ниже идет textbox, куда...

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

7
767 / 323 / 157
Регистрация: 26.05.2016
Сообщений: 2,127
01.01.2019, 14:54
https://html5book.ru/css3-mediazaprosy/
0
0 / 0 / 0
Регистрация: 04.01.2018
Сообщений: 27
01.01.2019, 15:01  [ТС]
я знаю про @media, но как сделать контент разный а не просто стили?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
01.01.2019, 16:13
Лучший ответ Сообщение было отмечено Vadim501212 как решение

Решение

Vadim501212, библиотека mobile detect в помощь...
1
767 / 323 / 157
Регистрация: 26.05.2016
Сообщений: 2,127
01.01.2019, 17:58
Лучший ответ Сообщение было отмечено Vadim501212 как решение

Решение

Vadim501212,
1) когда пользователь заходит, определяем устройство и перенаправляем на ту или иную папку
2) метод Responsive Design
3)как я писал медиа запросы (Media Queries.)
к примеру если зашед с мобилы - покащать контент или спрятать и тд
1
0 / 0 / 0
Регистрация: 04.01.2018
Сообщений: 27
01.01.2019, 23:00  [ТС]
со спрятать-показать в медиазапросах разобрался - 2 варианта страницы были пропущенны через конвертер из psd в html полученные результаты подкорректированны вручную, теперь такой вопрос конфликтуют стили если обьединить оба css файла в один как разрешить этот конфликт?

Добавлено через 1 час 14 минут
с последним вопросом тоже разобрался
0
0 / 0 / 0
Регистрация: 04.01.2018
Сообщений: 27
02.01.2019, 15:35  [ТС]
есть вот такая страница http://goldenlab.kz/proect2/index2.html на ней все изображения большие как сделать так что бы контент страницы вмещался изначально в страницу и необходимости в полосах прокрутки не было.если изменить размер страницы то полосы прокрутки исчезают а если сделать дабл-клик на странице то весь контент встает как надо
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
02.01.2019, 17:41
Vadim501212, я бы Вам порекомендовал верстать по бутстраповской сетке... Или хотя бы познакомиться с ней и сделать свою при необходимости... И да, по правилам форума - один вопрос - одна тема...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.01.2019, 17:41
Помогаю со студенческими работами здесь

Как сделать так, чтобы при нажатии 'Back' в браузере не показывалась предыдущая страница из кэша браузера?
Как сделать так, чтобы при нажатии 'Back' в браузере не показывалась предыдущая страница из кэша браузера, а чтобы переход на ту страницу...

Как сделать так, чтобы программа не показывалась при выборе окон через alt + tab, если она сидит в трее
Как сделать так, чтобы программа не показывалась при выборе окон через alt + tab, если она сидит в трее this.WindowState =...

Как сделать так чтобы в тесте в зависимости от вопроса загружался Chech Box или Option Baton
У меня есть база в accesse Как сделать так чтобы в тесте(в форме) в зависимости от вопроса загружался вариант ответа Chech Box или Option...

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

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru