我有针对台式机/平板电脑/智能手机和纵向/横向的任意组合的特定布局。在 Single Page Application 的上下文中, 是将布局分离为不同的资源并使用一些 javascript/css 逻辑加载它们以检测设备类型和方向，还是拥有单个 html/css 资源并使用一些复杂的媒体查询/装饰逻辑区分布局更好？
对于前一个选项，我看到了重复的缺点，因为同一部分的布局很可能共享一致数量的 ui 元素；对于后者，我认为在同一个 html/css 中处理所有不同的设备大小/方向组合可能非常复杂，尤其是在布局彼此之间存在显着差异的情况下。
什么是最好的方法，为什么？
最佳答案
您应该使用媒体查询。它们要好得多，因为您不必重写所有代码，您只需要更改实际需要更改的内容，其余部分保持原样。这使您可以重复使用相同的 HTML，而不是为移动设备、台式机、平板电脑等使用不同的 HTML...
这比为每个屏幕尺寸制作一个单独的页面要少得多...
关于html - 不同的布局与一个响应式布局来处理不同的设备尺寸和方向，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47076871/