A few users have recently asked how to create a design that works on all devices, but with only 2 screens. Export Kit is fully dynamic so you can change what you do easily, eg:

a) If you remove the CSS screen tag for “default” – then that design will render on all screens regardless!  That design will be considered static.  

b) Create a design without CSS screens for your intended project as a base – then export your additional screen(s) with another PSD file: //exportkit.com/learn/how-to/advanced-guide/using-multiple-psd-files-with-one-project.

c) When you add a minimum target you can cover all devices that are larger than the minimum; eg. ${css|screen:320} will target most common devices and display on that screen as long as the device is wider than 320px.

You can also read about Using Align Output and Hide Overflow to control the look and feel of your output, and allow you to target multiple device sizes using a single target screen.

Added July 31, 2015 5:21 pm