标签: screen-size

前言:

我使用的是一个反应灵敏的主题(骨架).它将布局更改为单个列,用于小屏幕尺寸,

我的问题是:

调整屏幕大小时,我的标题图像(我使用管理面板中的主题选项插入)不会缩放.它一直保持在940x150.当在移动设备上查看时,这会导致一个完整大小的标题,其内容位于左侧的单个列中,因此我留下了所有类型的空白.

我想:使图像缩小屏幕宽度

要么

将标题图像替换为适合较小屏幕尺寸的标题图像.

选项2的问题并非所有设备都具有相同的屏幕宽度,因此它仍然需要可扩展到某一点.

理想的情况是:

当高于下述宽度时,图像将缩放以适应700-something(ipad landscape)和940标准之间的屏幕.

当低于某个屏幕宽度(比如下面的平板电脑/ ipad尺寸,所以700-something max-width)时,图像会换成较小的一个,然后在300到700之间向上或向下扩展(略低于ipad尺寸) ).

通过这种方式,图像将始终是用于呈现网站的适当大小.

这个特定图像的问题是中间的空白量(空白空间).在一定的宽度以下,我会认为图像的元素会因为它们之间的空间太大而变得混乱和混乱.

网站:

porthuronairportshuttle.com

我已经制作了一个应用程序,用于屏幕大小resoulution 480x800px(我的所有布局和ImageButtons在drawable-hdpi文件夹中,我使用dp而不是px),在xml我用layout_marginLeft和marginTop放置所有按钮和一切..当我在480x800的模拟器中运行我的应用程序时它是完美的,但如果我更改屏幕大小和重新设置所有按钮更改屏幕上的位置和大小.我非常沮丧,因为我不知道如何使它适合所有的屏幕尺寸和资源？有小费吗？

我应该在不同的文件夹中使用哪些不同尺寸？我有480x800的hdpi,我应该在xhdpi中有什么？

我在这个论坛上阅读了很多帖子,其他人则根据所使用的设备使用不同的布局.

下面是我目前布局文件夹的截图:

现在,我尝试了许多不同的变体来尝试让XML布局发生变化.该项目是使用手机设计的,我现在正在使用10.1英寸的三星Galaxy平板电脑进行测试.

尽管所有这些布局我的应用程序仍然使用默认的.xml文件.

我想出错或其他变化的想法吗？

我应该说我将用户锁定为纵向模式,因此使用-port进行一些布局.

任何帮助都会很棒

谢谢

我编写了整个应用程序并设计了相对布局中的所有布局,但现在我想让它与所有屏幕尺寸兼容.