0

我最近为我的第一批客户之一打造了这个网站。目前，我似乎无法找到从移动设备浏览时每个标题下的文本稍微偏左的原因。（使用银河关系）

http://www.digitalgenesis.com.au/2012-websites/qsoils/example3.html

页面上的所有其他内容都完美显示，我一直在尝试找出问题，但没有成功

我希望栗色标题下的文本以其全宽显示，即总包装容器的 60%，文本也应该相对于栗色线居中，就像它在正常屏幕尺寸上一样，因为每个 .info 标签都有被赋予了保证金：0自动；财产

任何帮助都将不胜感激，即使它不是设计的致命错误，干杯

4

2 回答 2

1

我很确定这种行为是设计使然。尽管我的 nexus 上的 chrome 比股票浏览器做得更好。

一种可能的解决方案是为不同的屏幕尺寸提供不同的 CSS 规则，例如

@media screen and ( max-width: 480px) {
  #truck img {
    width: 460px;
  }
  .info {
    width: auto;
  }
  /* etc... */
}

并且限制元素的宽度，否则会迫使页面呈现比通常的手机屏幕宽度更宽（纵向）

另一种选择是使用具有线性化支持的 CSS 框架（如YAML）并重建设计。或者可能是两者的结合，因为无论如何图像都需要特别小心。

另请记住，由于移动设备的外形尺寸较小，应避免较大的边距。

于 2012-07-18T14:37:54.223 回答
0

尝试给出段落 {text-align: justify;} 并查看它是否有助于减少移动浏览器中的正确间距问题。

于 2012-07-18T13:49:22.013 回答