我正在尝试通过我的css中的@media标签制作我的网站的移动版本。我对制作移动网站几乎一无所知，所以希望这是最有效的方式。从我收集的内容中，我只需将我想要的“重新样式”添加到@media标记中并更改值。
以下是我正在尝试使用的完整实时网站：http://willryan.us。我的实验性移动网站位于：http://willryan.us/test。 @media标签是css中的第一个选择器，所以你可以看到我正在摆弄的东西。
在Dreamweaver的实时视图中设置为320x480，我看到一些元素改变为我在@media中指定的移动版本，但有些则没有。到目前为止，我真正指定的是导航栏宽度为320px，而css可以为按钮调用不同（较小）的图像。我可以使用！important标签强制显示一些正确的图像。如果我改变位置/边距，除非我添加一个！important标记，否则没有任何反应，但我不认为这是理想的。
更糟糕的是，如果我在浏览器中预览它并将其宽度调整到尽可能小的宽度，那么似乎没有任何改变。
因为当我添加一个！important时，事情似乎只会发生变化，在我看来，我在@media标签中所做的改变并没有真正改变，而只是显示了他们的“非移动”版本。
我希望我把这个问题描述得足够好，就像我说我对移动网站真的不太了解。也许我试图做的方法并不理想......