我开始为多种设备设计网站:台式机/笔记本电脑、平板电脑(例如 iPad、Galaxy Tab 和移动设备(例如 iPhone))。
我目前有几个页面有一些 javascript 可以重定向到完全不同的子域。例如,如果用户在 iPhone 上访问 www.example.com
,他们将被重定向到 m.example.com
或 t.example.com
如果他们在平板电脑上。显然,这需要您创建可能具有相似内容的不同页面,而媒体查询将允许您根据屏幕尺寸略微不同地布置内容。
所以在我看来,媒体查询将是处理不同屏幕分辨率的首选。不过,这给我留下了一些问题。假设您在桌面网站上有一个导航栏,在移动网站上使用类似 select
的东西会更好。实现这一点的最佳方式是什么?
为我可能语无伦次的漫无目的道歉,但我想我的问题是什么是实现网站移动版本的最佳方式,其中差异可能不仅限于布局(例如使用简单的媒体查询),而且可能需要不同的元素在页面上?
最佳答案
媒体查询通常是您要实现的目标的最佳解决方案。如果您开始为不同的设备创建不同的版本,您将会非常头疼地试图让所有内容保持最新。拥有一组能够适应用户正在使用的设备的代码要好得多。
看看 Twitter Bootstrap 元素。它是一个现成的框架,可以帮助您整合响应式设计。
关于javascript - 用于网站设计的 JS 与媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13248597/