css расширяется в зависимости от размера экрана книжной или альбомной ориентации?

У меня есть два div, плавающих рядом друг с другом. Я бы хотел, чтобы он имел ширину 100 пикселей, когда вы смотрите на него в портретном режиме, и, скажем, 200 пикселей в альбомном. На самом деле это происходит при просмотре на мобильном устройстве.

Таким образом, div будет расширяться в альбомном режиме и немного уменьшаться в портретном.

Есть идеи?