First, let me say that I am FAAAR from a web dev. I feel that I know my way around Dreamweaver, but I am by no means an expert (I consider myself competent)...
Last year I made an HTML website, and I like it, and have been working to improve it ever since. The site itself does use CSS for the display stuff, however, I am trying to get this site working on Mobile a bit better, and was under the understanding that I could create a mobile.css stylesheet and link to it from the html page and be able to customize the look to appear proper on a mobile screen.
I'm having a tremendous amount of difficulty with that and was wondering if anyone could help me out at least getting the core bit functional. I've essentially been able to get nothing to work, so I'm doing something wrong right off the bat.
I copied my style.css file and renamed it mobile.css. I figured then I would be able to change the settings for each element in the css without missing one.
I added the mobile css to the html page just as I did with the style.css:
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/mobile.css" rel="stylesheet" type="text/css" media="handheld" /
However, in Dreamweaver (Device Central) and on my phone, it does not appear to be using the mobile.css styles...
I then recopied the style.css file and renamed it to mobile.css, changing the linking on the html page to this UNCHANGED mobile.css file and the display of the web page broke, rendering many of the elements incorrectly (Which I found odd, as the CSS contents was identical).
Does anyone have any idea what I might be doing wrong, or can point me in the proper way of handling this?
Also, I figure I will need to change the font size on the mobile css, but was wondering what the standard fint size for mobile was...
Thanks everyone for your help. I really appreciate it.