I am trying to make a new site friendly to bith the tablet and smart phone users. My media queries program requires me to attach new css files for each new platform. When I design these new css files do I simply go to the box and limit the width? Is there something else I need to do?
If you're using the Media Queries panel in Dreamweaver, then yes. You just specify the .css file, and enter in the min and/or max width for each range of screen sizes.
It will insert code that looks something like:
<link href="tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px)">
Europe, Middle East and Africa