我开始为多种设备设计网站:台式机/笔记本电脑、平板电脑(例如 iPad、Galaxy Tab 和移动设备(例如 iPhone)。
我目前有一些页面有一些 javascript 可以重定向到完全不同的子域。例如,如果用户www.example.com
在 iPhone 上访问,他们将被重定向到m.example.com
或者t.example.com
如果他们在平板电脑上。显然,这需要您创建可能具有相似内容的不同页面,而媒体查询将允许您根据屏幕大小稍微不同地布置内容。
所以在我看来,媒体查询将是处理不同屏幕分辨率的首选。不过,这给我留下了一些问题。例如,您在桌面网站上有一个导航栏,select
在移动网站上可以更好地使用类似的导航栏。实现这一点的最佳方法是什么?
为我可能语无伦次的漫无边际道歉,但我想我的问题是实现移动版网站的最佳方式是什么,其中差异可能不仅限于布局(例如,简单的媒体查询),而且可能需要页面上的不同元素?