|
|
|
Как создать Адаптивную страницу самую простую?
|
|||
|---|---|---|---|
|
#18+
Как создать Адаптивную страницу самую простую? На странице Таблица с неким списком, имеющая четыре колонки и четыре строки. Привидете пожалуйста элементарный пример. Нужно, чтобы четыре колонки привращались бы в три или в две или в одну при уменьшении ширины экраа. Может, на стилях CSS, может, на DIV-ах. Или и того и другого? Спасибо. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.09.2021, 17:02 |
|
||
|
Как создать Адаптивную страницу самую простую?
|
|||
|---|---|---|---|
|
#18+
Integrator2, например на CSS, иcпользуя grid и media query Код: css 1. 2. 3. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.09.2021, 18:58 |
|
||
|
Как создать Адаптивную страницу самую простую?
|
|||
|---|---|---|---|
|
#18+
Ну, можете написать пример кода HTML пжл. Заранее спасибо) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.09.2021, 19:14 |
|
||
|
Как создать Адаптивную страницу самую простую?
|
|||
|---|---|---|---|
|
#18+
на флексах тоже можно. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.10.2021, 11:52 |
|
||
|
Как создать Адаптивную страницу самую простую?
|
|||
|---|---|---|---|
|
#18+
Integrator2, дополнительная подсказка, для задания колонок используется атрибут grid-template-columns. И можно обойтись без media query: если задать колонки например как-то так: Код: css 1. то грид вставит столько колонок, сколько уместится при заданном минимальном размере колонки и текущем размере грида. Т.е. если менять ширину окна браузера, то кол-во колонок будет меняться (если ширина грида при этом меняется). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.10.2021, 13:31 |
|
||
|
Как создать Адаптивную страницу самую простую?
|
|||
|---|---|---|---|
|
#18+
Integrator2, https://medium.com/@stasonmars/ве?рстка-на-grid-в-css-полное-руководство-и-справочник-220508316f8b ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 01.10.2021, 15:01 |
|
||
|
|
start [/forum/topic.php?fid=22&tid=1443188]: |
0ms |
get settings: |
11ms |
get forum list: |
12ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
30ms |
get topic data: |
13ms |
get forum data: |
3ms |
get page messages: |
48ms |
get tp. blocked users: |
2ms |
| others: | 261ms |
| total: | 386ms |
| 0 / 0 |
