Задать вопрос
@sitev_ru
sitev.ru - мой блог ...
html

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

Делаю простенький сайтик-визитку. Как сделать, чтобы для обычного сайта отображалось полное название фирмы, а для мобильной версии того же сайта - сокращённое?
  • Вопрос задан
  • 135 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 3
natojezlo
@natojezlo
оберните названия напр. в дивы с разными классами напр.
<div class="pc">Длинное название</div>
<div class="mob">Короткое название</div>


.pc{}
.mob{display:none;}
@media screen and (max-width: 768px){
.pc{display:none;}
.mob{display:block!important;}
}
Ответ написан
Комментировать
Комментировать
Swartex
@Swartex
Многорукий могоног
почитать доку https://getbootstrap.com/docs/4.0/utilities/display/
Ответ написан
Комментировать
Комментировать
Eridani
@Eridani
Мимо проходил
Если полное название должно превращаться в аббревиатуру
ТрансТехСервис (прим.) -> ТТС,
не заглавные буквы обрамите спаном и скрывайте на мобилах.
В конце концов, сделайте соседний элемент, который будет показываться на мобильной и тот, который будет только на десктопе
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Samuello
@Samuello
Учусь WEB программированию.
Самый простой способ, это через css
<style>
	.header .logo span::before {
	  content: 'Полное название фирмы';
	}
	
	@media (max-width: 425px) {
	  .header .logo span::before {
	    content: 'ПНФ';
	  }
	}
</style>

<div class="header">
  <div class="logo">
    <span></span>
  </div>
</div>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать видеочатбота с ответами на вопросы абитуриентов
23 апр. 2024, в 17:07
6500 руб./за проект
Разработать прототип для бч Solana
22 апр. 2024, в 16:15
18000 руб./за проект
Wagtail(Django)
23 апр. 2024, в 16:55
10000 руб./за проект
Ещё заказы