Вы не можете этого сделать без умных хаков.
Однако вы можете (и должны) использовать следующий CSS для устранения проблем с масштабированием на мобильных устройствах:
header {
position: fixed;
...
}
@media only screen and (max-width: 720px) {
header {
position: absolute;
}
}
Этот код позволяет position: absolute
, когда ширина экрана меньше или равна 720px, а заголовок становится частью страницы, а не фиксируется сверху.
Вам будет лучше с шаблоном
Например, шаблон hosts.j2
127.0.0.1 localhost
{% for item in my_hosts %}
{{ item }}
{% endfor %}
с playbook
- hosts: localhost
vars:
my_hosts:
- 10.1.0.1 ac1.example.com ac1
- 10.1.0.2 ac2.example.com ac2
- 10.1.0.3 ac3.example.com ac3
tasks:
- template:
src: hosts.j2
dest: /etc/hosts
дает
> cat /etc/hosts
127.0.0.1 localhost
10.1.0.1 ac1.example.com ac1
10.1.0.2 ac2.example.com ac2
10.1.0.3 ac3.example.com ac3