我必须开发针对Android,Iphone和Blackberry的移动优化网站以及桌面和平板电脑的网站。我们知道所有设备的屏幕分辨率都是不同的。我的头指示我开发一个站点和所有设备并根据设备动态更改css。 。有谁知道如何创建这样的网站?是否可以使用任何框架或cms?
答案 0 :(得分:2)
我建议你看一下“响应式网站”。这是你想要的技术。
答案 1 :(得分:2)
您可以根据屏幕尺寸,分辨率等使用媒体查询来更改css(请参阅here for an example)。
至于框架..也许你可以尝试http://www.getskeleton.com/或jQuery mobile。
我建议您不要使用纯CSS来为移动网站和非移动网站设置网站样式。您应该尝试最小化移动设备的DOM以减少下载时间。对于完整的网站来说,这不是一个问题,这可以从更丰富的DOM中受益。
答案 2 :(得分:1)
尝试使用adap。它允许您为不同的设备宽度范围指定不同的样式表。
我会建议不要使用媒体查询,因为不同设备上的所有浏览器都不支持它们。看看这里进一步阅读 - > http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/