css基于纵向或横向屏幕尺寸进行扩展？

I have two divs that are floating next to each other. What i would like is to have it have a width of 100px when you are looking at it in portrait mode and lets say 200 px in landscape. This happens viewing on a mobile device actually. I have two divs that are floating next to each