Мощная система гибких сеток для мобильных устройств, для удобной верстки и расположения элементов любых видов и размеров. Используется система «12 колонок», 5-ти адаптивных ярусов, препроцессоров Sass и десятков предустановленных классов.
<div class="container">
<div class="row">
<div class="col-sm">
Одна из трёх колонок
</div>
<div class="col-sm">
Одна из трёх колонок
</div>
<div class="col-sm">
Одна из трёх колонок
</div>
</div>
</div>
В данном примере с предустановленных классов сеток были созданы 3 колонки равной ширины для маленьких, средних и больших девайсов. Эти колонки выровнены с родительского класса .container.
1. Определим размер в дюймах:
25,4÷2,54=10 5,08÷2,54=2 Получаем размер: 10х2 дюйма
2. Определим количество пикселей при разрешении сканера 64 точек на дюйм
10·64=640 2·64=128 Получается разрешение k= 640х128 пикселей
3. Определим глубину цвета ( количество бит на пиксель):
i=log₂N , где N- количество цветов
i=log₂128 = 7 (бит)
4. Определим размер изображения I=i·k = 7·640·128=573440 (бит)
573440÷8÷1024=70 Кбайт
А по условию задачи размер прикрепленного файла может быть до 350 Кб, следовательно изображение можно прикрепить.
Объяснение:
Мощная система гибких сеток для мобильных устройств, для удобной верстки и расположения элементов любых видов и размеров. Используется система «12 колонок», 5-ти адаптивных ярусов, препроцессоров Sass и десятков предустановленных классов.
<div class="container">
<div class="row">
<div class="col-sm">
Одна из трёх колонок
</div>
<div class="col-sm">
Одна из трёх колонок
</div>
<div class="col-sm">
Одна из трёх колонок
</div>
</div>
</div>
В данном примере с предустановленных классов сеток были созданы 3 колонки равной ширины для маленьких, средних и больших девайсов. Эти колонки выровнены с родительского класса .container.