如何开发视网膜显示网站?

时间:2012-08-17 05:08:30

标签: jquery html5 css3 retina-display

我必须开发一个响应式网站,有4个设计[桌面,移动,平板电脑和视网膜显示]。

前三个很好,可以做,但视网膜显示在一个新的东西。因此,如果任何人可以分享正确的方法来为它开发HTML,那将非常有用。

任何Jquery插件,HTML / CSS的Hack都会有所帮助! 非常感谢!

2 个答案:

答案 0 :(得分:1)

您可以使用一些CSS框架,如

  1. Skeleton
  2. Foundation
  3. 并在Google中搜索自适应网页设计

    对于视网膜显示和移动布局,请使用媒体查询

    这是CSS-tricks的链接,这将有所帮助 Css-tricks

答案 1 :(得分:0)

每当我创建网站时,我都会使用retina.js。如果用户有视网膜显示器,它会自动用服务器上的高分辨率替换页面上的低分辨率图像。