这是创建全屏webapp的正确方法吗？

Question

我必须为智能手机开发一个webapp，我需要一种避免滚动（垂直和水平）的方法。该网页有3个div，我正在使用这些规则：

{{1}}

因此，同一轴（x和y）上所有元素的总和必须为100％

这是创建此类网络应用的正确方法吗？

Answer 1

这是有效的，因为所有元素的width和height属性的总和分别等于屏幕的宽度和高度。但是，这会扭曲元素的形状。要获得更好的跨屏应用，请考虑使用CSS @media规则来使元素适应屏幕的形状。还要确保删除页面的初始边距和填充：

// Basic reset
* {
  margin:  0;
  padding: 0;
}