我在哪里可以学习如何使网站符合许多Android决议？

基本上，我设计的Android手机网站，但是，我发现这些手机有许多不同的决议。最大的问题是有些手机的高度为800像素，其他手机的高度为320像素。我假设我需要做流体布局，但我仍然困惑于如何使移动网站填满整个用户的屏幕，并且如果它的高度为800px而不是320px高，仍然看起来很好。我在哪里可以学习如何使网站符合许多Android决议？

我madea手机网站，但意识到它看起来像使用模拟器（它看起来像一些设备上的一个小图标）在不同的Android设备上的完全废话。

我发现类似这样的堆栈溢出问题我要问：Tips for optimizing a website for Android's browser?

而且该人士称，他使用Meta标签：HandheldFriendly和视这是有道理的考虑实际的设备大小，因此它不调整大小，但后来他提到了“CSS媒体查询”。他给CSS媒体查询的这个例子：

@import url(style-screen.css) screen; 
@import url(style-small.css) print, handheld; 
@import url(style-large.css) screen and (min-width: 801px); 
@import url(style-small.css) screen and (max-width: 800px);

我假定这是一个不同的屏幕尺寸，但我还是不明白他在做什么。我一直在寻找几个小时试图找到教程，告诉我如何基本做到这一点，但移动是如此新，我不认为有很多资源或我想念他们。我见过android网站，但它似乎是应用程序开发人员，他们只是列出屏幕大小，但不知道如何让他们很好的网站来填补整个人的屏幕大声笑。

如果有人有任何问题或提示或链接，他们可以与我分享，以了解如何让手机网站填满整个手机（或接近它），而不是有一个小图标，这是我的手机网站的外观在上面。谢谢。

（我也想加入，当然优化的一些不错的移动图像，但不知道如何将工作要么，那会是液体也？）

来源

2012-09-09 king

CSS3和媒体查询适合您的需求;一些信息here

来源

2012-09-09 08:01:28 user1555320

谢谢你。但是我怎么知道这些附加物有多少呢？像，我做一分钟高度800，然后分钟高度400什么的？ – king

和我应该只是每个媒体查询制作一个全新的设计？ – king

有多少css取决于你;你应该定义哪种用户体验最适合任何解决方案; 这个主题也被称为'响应式设计';通常你为每个模板定义3个不同的布局，每个模板都有一个最大宽度;肖像或风景不应该很重要，除非有视觉元素需要分钟高度才能正常工作。看看这样的网站http://www.jyskebank.dk/wps/portal/jfo/forside了解它应该如何工作 – user1555320

我在哪里可以学习如何使网站符合许多Android决议？

回答

相关问题