введите здесь описание изображения введите сюда описание изображения
На моем веб-сайте (только для обучения) есть проблема: все сжимается, чтобы поместиться на маленьких экранах, кроме основного контента, оно выступает в правую часть экрана, динамические изображения работают отлично, за исключением этого HTML
[*] Android Технологические курьезы Все, что вы всегда хотели знать о мире технологий, в одном месте
Главная страница Новости Любопытство Свяжитесь с нами История талисмана андроида
Вы, наверное, знаете, что операционная система Android, поддерживаемая Google, является одной из наиболее часто используемых для мобильных устройств во всем мире. Но, возможно, вы не знаете, что у вашего дружелюбного талисмана очень любопытное имя и история? Что ж, прочитайте эту статью, чтобы узнать больше об этом маленьком роботе.
Первая версия
Первая попытка создать талисман появилась в 2007 году и исходила от разработчика Дэна Моррилла. Он говорит, что открыл Inkscape (бесплатное программное обеспечение для векторизации изображений) и создал свою собственную версию робота. Целью было просто олицетворить систему только для своей команды, запроса на создание талисмана от компании не было.

Эту первую причудливую версию даже назвали в честь ее создателя: это были Дандроиды.
Появляется новый талисман
Идея иметь талисман созрела и миссия была передана профессионалу в этой области. Российскому иллюстратору Ирине Блок, также сотруднице Google, было поручено изобразить маленького робота в более приятной форме.

Основная идея Ирины заключалась в том, чтобы изобразить все графически, несколькими штрихами и в более плоской форме. Дизайн также должен вызывать быструю идентификацию у тех, кто на него смотрит. Затем появился Bugdroid, новый талисман Android.

Основным источником вдохновения для новых функций Bugdroid послужили маленькие куклы, которые иллюстрируют двери ванных комнат и указывают пол каждой двери. Легенда гласит, что художница работала за своим столом в офисе Google, посмотрела в сторону ванных комнат и сразу поняла: просто, чисто, объективно.
https://www.youtube.com/embed/l2UDgpLz2 ... controls=0
Хотите узнать больше?
Еще одна любопытная проблема, связанная с Android, заключается в том, что каждая версия всегда называлась в честь сладости в алфавитном порядке от версии 1.5 до 9.0.
1.5 – Кекс [*]1.6 – Пончик [*]3.0 – Эклер [*]2.2 – Фройо [*]2.3 – Пряники [*]3.0 – Honeycomb [*]4.0 – Сэндвич с мороженым [*]4.1 – Жевательные конфеты [*]4.4 – KitKat [*]5.0 – Леденец [*]6.0 – Маршдыня [*]7.0 – Нуга [*]8.0 – Нуга [*]9.0 – Бис
К сожалению, Android Q не существовало, поскольку Google решил положить конец этой забавной практике и начал использовать нумерацию, что и привело к появлению Android 10.
Зайдите на веб-сайт История Android, чтобы узнать последовательность "подслащенных" версий и то, что каждая из них привнесла в систему Android.
Вот и все! Надеюсь, вам понравилась наша статья с любопытством о системе Android и ее дружелюбном талисмане.
Сайт создан Тьяго Дутрой для CursoemVideo.
CSS:
@font-face { семейство шрифтов: idroid; источник: URL (../idroid.otf); } @font-face { семейство шрифтов: Антон; источник: URL(../Anton-Regular.ttf); } *{ поле: 0 пикселей; } тело{ цвет фона: #D6D58E; маржа: 0%; высота: 0%; семейство шрифтов: без засечек; } ул { отображение: встроенный блок; отступ снизу: 15 пикселей; } ли > а{ текстовое оформление: нет; черный цвет; отступ: 5 пикселей; } ли > а:hover{ оформление текста: подчеркивание; цвет фона: белый; отступ: 5 пикселей; } заголовок { фоновое изображение: линейный градиент (вверх, #9FC131, #DBF227); } заголовок > h1{ маржа-верх: 0%; отступ-верх: 20 пикселей; выравнивание текста: по центру; семейство шрифтов: 'Антон'; поле внизу: 25 пикселей; белый цвет; } заголовок > п{ выравнивание текста: по центру; поле внизу: 50 пикселей; белый цвет; } заголовок > #menu{ цвет фона: rgba(0, 0, 0, 0,247); отступ: 15 пикселей; } заголовок > #меню > а{ текстовое оформление: нет; белый цвет; отступ: 5 пикселей; переход: 0,5 с; } заголовок > #menu > a:hover{ цвет фона: #DBF227; } основной{ цвет фона: белый; маржа: авто; отступ: 20 пикселей; ширина: 800 пикселей; } .контейнер { выравнивание текста: по центру; отступ: 20 пикселей 0 пикселей 20 пикселей 0 пикселей; } главная > h1{ отступ-верх: 0 пикселей; семейство шрифтов: 'idroid'; отступ снизу: 20 пикселей; } главная > h2{ семейство шрифтов: 'idroid'; фоновое изображение: линейный градиент (слева, белый, #9FC131); отступ-встроенный: 15 пикселей; поле внизу: 20 пикселей; поле сверху: 20 пикселей; } главная > п{ текстовый отступ: 20 пикселей; отступ снизу: 10 пикселей; } #контекст{ текстовый отступ: 0 пикселей; } #видео{ выравнивание текста: по центру; отступ: 20 пикселей 0 пикселей 20 пикселей 0 пикселей; цвет фона: #000000; маржа: авто; ширина: 800 пикселей; отступ: 20 пикселей; } #стол{ цвет фона: #DBF227; отступ: 0 пикселей; маржа: 0%; радиус границы: 20 пикселей; поле внизу: 20 пикселей; } #таблица > ч3{ цвет фона: #9FC131; отступ: 10 пикселей; маржа: 0%; выравнивание текста: по центру; нижнее поле: 10 пикселей; радиус границы: 20 пикселей; } #table > p{ текстовый отступ: 20 пикселей; отступ: 15 пикселей; } #table > p > a{ текстовое оформление: нет; белый цвет; } #table > p > a:hover{ оформление текста: подчеркивание черным; } нижний колонтитул { цвет фона: #9FC131; отступ: 5 пикселей; выравнивание текста: по центру; поле сверху: 20 пикселей; белый цвет; }
Я пробовал делать все, но у меня всегда была эта проблема в теле сайта, я ожидал, что он просто сожмется и нормально адаптируется из-за margin: auto;