我使用此类CSS设置响应式背景。当我在移动设备上看到它时,如果页面上显示很多内容,背景就会越来越大。避免背景放大的正确方法是什么?谢谢

body {
    background: url('someimage.jpg') no-repeat center center fixed;

    background-size: cover;

    }

最佳答案

这样的视口元标记可能会有所帮助(在html的顶部):

<meta name="viewport" content="width=device-width, initial-scale=1">


这将确保在移动屏幕上不会显示内容,而不会在大屏幕上显示内容,并且body元素的宽度将仅与屏幕一样宽。

关于html - 当出现更多内容时,css响应式背景会放大,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38316288/

10-12 12:27
查看更多