标签: javascript html html5 web-applications responsive-design
我们想要“页面”,其中背景图像占据整个宽度和高度(用户将单击箭头,整个页面将向上/向下移动)。显然,我们不希望对图像进行奇怪的拉伸。
最佳做法是使用不同大小比例的图像(例如16:9,4:3等)以适应不同的屏幕,或者我们只是像这样伸展:
如果需要拉伸到左/右侧(但是太高),我们会切断图像的底部
如果它太短,所以需要拉伸到达顶部/底部,然后我们切断左/右,因为它太宽
处理此问题的正确方法是什么?