nền chỉ rộng như khung nhìn vấn đề

Question

Annoying

Khi tôi zoom-in trên cửa sổ khung nhìn của tôi (xảy ra trong firefox, chrome) và sau đó di chuyển theo chiều ngang sang bên phải, hình ảnh nền của tôi được cắt bớt

sự hình ảnh mô tả tốt nhất những gì đang xảy ra:

zoom trong

- hình ảnh chỉ rộng như viewport

zoom lối thoát - vấn đề không xảy ra

Dưới đây là một số đoạn từ css của tôi mà có thể có liên quan:

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body{ width: 100%; } 
header#header { width: 100%; } 
header#header #background-image { 
    height: 150px; 
    background: url(/images/header/silhouette.png) repeat-x; 
} 

Điều này xảy ra khi có và không áp dụng quá cssgradients - thực sự stumped đây

Answer 1

Việc khắc phục cho điều này là để đặt chiều rộng tối thiểu trên cơ thể:

body{ width:100%;min-width: 1002px; } 

này sửa chữa vấn đề trên tất cả các trình duyệt mà tôi có cũng như iphone (theo iphonetester mặc dù tôi nhận ra nó có thể là tốt nhất để thêm một số truy vấn phương tiện truyền thông hiện nay để thực sự đưa ra giải pháp tốt nhất cho người dùng thiết bị cầm tay