Android XML - Multiple Resolutions CSS Not Working?« Back to Questions List
Hi trying out export kit on a bog-standard PSD file and I've tried doing the CSS Screen tags as explained here: //exportkit.com/plugin/layer-tags/advanced-layer-tags/css-screen-tag I've used: ${css|screen:default} ${css|screen:800} p-2560 xhdpi / 1280 mdpi ${css|screen:960} l-1200 xhdpi / 1080 mdpi ${css|screen:360} p-720 xhdpi / 1080 xxhdpi Copied straight from one of your explanations but after exporting all it seems to do is export all the layers as usual at the size that they are. I've noticed a part of that page says you need to have responsive CSS ticked but it is a greyed out option for me, do you know where I've gone wrong here? |
Do you have the right answer? If you do other users will benefit from your contribution, share your knowledge with the community!
Hi, Nathaniel, Based on the PSD example you sent us, your solution is quick and easy: You Design the Target ScreenYou need to create the design on each screen. You did not modify your design for Responsive Screens (Step 2 – scroll down a bit): //exportkit.com/plugin/environments/html5/convert-a-psd-to-responsive-html-and-css – once you create your additional target screen, you need to modify the design to match (watch the video for a visual). No Negative MarginsAndroid does not support (-) negative margins, you must start your design at Use Specific Target Screens for Android“Default” is not required for Android screens, you should set the target screen manually. Also ensure your PSD size is the Android PSD template: //exportkit.com/suite/download/127/psd/android |
Share Your Knowledge!
Contribute to the community and help other users to benefit from your answer with experience and knowledge.