html - 优化移动网站

Question

大家好，我是制作网站的新手。我正在制作这个网站:

http://jsfiddle.net/Fgdm8/

.content{           
            background:url('images/ROME-960x700pix-width-BG_03.jpg') no-repeat center;
            margin: 0 auto;
            position: relative;
            max-width: 80%;
            text-align:center;
        }

我想寻求帮助以修复哪些问题，以便将其变成一个移动就绪的网站。谢谢!

Answer 1

首先，尝试学习媒体查询。以下是一些可以指导您的幻灯片:

http://www.slideshare.net/zomigi/building-responsive-layouts-15508821

这里还有一个很好的教程，可以帮助您开始使用模板:

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries