4

我读过使用媒体查询为移动设备更改站点是件好事,因为它的开销更少,而且手机的下载速度也更慢。但这有什么帮助呢?除了隐藏我不想在移动设备上看到的元素之外,我可以做任何事情吗?它仍然需要下载隐藏的元素。那么有什么收获呢?我很困惑。

4

2 回答 2

1

响应式/自适应网站设计的整个理念与其说是让您的网页大小或它的资产更小……不如说是让在移动设备上查看您的网站的人们可以访问和阅读内容。我永远不会因为有人在移动设备上而说隐藏元素,我会说相应地进行设计和开发,以便内容在移动设备和/或平板电脑设备上更具表现力。

根据您的收益声明;您从设计和开发一个不仅适合桌面用户,还适合移动和平板电脑用户的网站中获得的收益。更多的人将不太可能离开,而更容易留下并查看您的内容。

您可以在下面阅读有关响应式网站设计的更多信息:

http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

http://www.techrepublic.com/blog/webmaster/how-to-get-started-with-responsive-web-design/1769

http://www.alistapart.com/articles/responsive-web-design/

您还可以阅读以下有关响应式网站设计的好处的更多信息:

http://www.loungelizard.com/web-design-blogs/design/the-benefits-of-responsive-web-design/

http://www.seomoz.org/ugc/responsive-web-design-the-ultimate-guide-for-online-marketers

快速说明:媒体查询与响应式/自适应网站设计密切相关。

希望这有帮助!

于 2012-11-01T16:01:10.403 回答
0

通过媒体查询和 CSS,您不只是“隐藏”内容。根据您的设置方式,您不只是隐藏内容 - 它没有被加载。

您还可以使用媒体查询来选择图像分辨率,具体取决于视口。您可以将低分辨率图像发送到移动设备,并将高分辨率图像发送到视网膜显示器。

请参阅: http ://css-tricks.com/snippets/css/retina-display-media-query/

http://menacingcloud.com/?c=highPixelDensityDisplays

http://www.leemunroe.com/responsive-design/

于 2012-11-01T16:00:39.560 回答