Tôi đã chơi với CSS thích nghi bằng cách thay đổi kích thước cửa sổ Google Chrome của mình khi tôi nhận thấy rằng trang Twitter Bootstrap dường như "làm cho google chrome thất bại" trong những dịp nhất định.Tại sao twitter bootstrap "hiccup" trên Google Chrome khi thay đổi kích thước?
bước để tạo lại (từ một máy tính để bàn):
- Bắt đầu với một tab Google Chrome trống, toàn màn hình
- Visit http://twitter.github.com/bootstrap/
- Dần dần làm cho cửa sổ hẹp hơn, buông chuột mỗi 100 pixel hoặc hơn.
- Tiếp tục cho đến khi bạn nhận được "phiên bản di động hoàn toàn", khoảng 400px (Nút "Xem dự án trên github" màu lam nằm ở đầu nút "Tải xuống Bootstrap" màu trắng và cả hai đều có chiều rộng đầy đủ).
- Bây giờ làm cho cửa sổ dày lại, cho phép chuột di chuyển sau mỗi 20 pixel hoặc hơn.
Rất có thể bạn sẽ có hành vi lạ khi thực hiện các bước 4 hoặc 5 - Chrome bị nhầm lẫn về kích thước hoặc quên vẽ một khu vực dọc của trang (được hiển thị màu trắng). Tôi cũng đã quản lý để có được một "cửa sổ bên ma" trong một số trường hợp hiếm hoi.
tôi đã cố gắng trong hai máy tính khác nhau, và tôi vẫn nhận được vấn đề tương tự (cả hai sử dụng Ubuntu 12)
Vấn đề là, các trang web đáp ứng khác không có vấn đề này. Xem ví dụ http://css-tricks.com/. Bạn có thể thay đổi kích thước của nó tất cả những gì bạn muốn và Chrome không bao giờ gặp bất kỳ sự cố nào khi hiển thị nhiều bố cục mà nó có (trên thực tế, nó có nhiều bố cục hơn so với trình khởi động twitter).
Vì vậy, tôi chỉ có thể kết luận rằng vấn đề này là đặc thù của twitter-bootstrap. Có lẽ liên quan với cách thức các quy tắc CSS hoặc nội dung HTML được viết, hoặc có thể liên quan với cách thức các tập tin được cấu trúc.
Tôi đang sử dụng twitter bootstrap làm cơ sở cho một trong các trang web của mình và tôi muốn giải quyết vấn đề này. Có ai có bất kỳ ý tưởng về cách tiến hành?
Tôi không gặp vấn đề này trên trang web khởi động. Tôi biết rằng tôi thỉnh thoảng làm trên các trang web khác. Nói chung đó là những 'nặng'. Bóng tối, độ mờ đục, biến đổi 3D và bán kính biên giới có xu hướng tăng cơ hội. Ngoài ra, tôi nhận thấy nó nhiều hơn trên iMac nhà chậm hơn so với một công việc nhanh hơn của tôi. – will
Nó không thực sự quan trọng. Tôi cũng phải đối mặt với nó. Chưa bao giờ gặp sự cố khi sử dụng trang web của tôi trên iPad, iPhone hoặc iMac. –
Không chắc chắn nếu tôi thấy bất cứ điều gì sai trái khủng khiếp trên máy của tôi (Chrome/Win7). Chính xác thì tôi đang tìm gì? Các nút không thay đổi kích thước (chiều rộng đầy đủ) hoàn hảo ở giữa một phạm vi pixel nhất định là điều duy nhất tôi có thể nhìn thấy. – PJH