Css chỉ in một trang

Khi tôi in trang tại liên kết bên dưới trên Firefox 42 (Dọc, chia tỷ lệ 100%, “thu nhỏ lại cho vừa với trang” KHÔNG được đánh dấu), kết quả là một trang gần như trống (ngoại trừ tiêu đề bài viết), sau đó *một trang* của . Tôi. e. , phần lớn văn bản của bài báo bị thiếu trong bản in. (Xem trước bản in trông giống như những gì tôi đã mô tả. )

Nhưng khi tôi in cùng một trang trong IE 10, mọi thứ được in ra bình thường, tôi. e. , tôi nhận được bản in dài hơn mà không thiếu thứ gì

Tại sao lại như vậy và quan trọng hơn là làm cách nào để Firefox in toàn bộ bài báo?

http. //www. nielsen. com/us/vi/insights/news/2015/another-classic-radio-christmas-is-in-store. html

GHI CHÚ. (1) Có nhiều trang, đ. g. , Facebook hoặc phần nhận xét bên dưới các bài báo, trong đó bản in không đầy đủ trong *cả hai* trình duyệt -- thường chỉ hiển thị trang đầu tiên của bài đăng hoặc không có gì cả. Nhưng câu hỏi của tôi là về các trường hợp (không thường xuyên) như ví dụ trên khi IE in toàn bộ bài báo trong khi Firefox thì không

(2) Có một số trang - bao gồm trang này - trong đó tính năng “Chế độ xem người đọc” thường hữu ích cho việc in ấn của FF phần lớn cung cấp giải pháp thay thế cho loại sự cố này. Tuy nhiên, Reader View thường có thể làm mất định dạng và đồ họa hoặc “lộn xộn. ” Và nó không hoạt động trên tất cả các trang. Với trang trong ví dụ này, nó hoạt động rất tốt, chỉ với một khu vực nơi một số số trong một vài bảng chạy cùng nhau về phía bên trái, nhưng theo cách không khó để tìm ra mục đích thực sự của trang đó. Nhưng một lần nữa trong một số trường hợp khác, nó hoạt động kém. Bất chấp điều đó, bản in "đúng hơn" như của IE sẽ thích hợp hơn cho trang này, nếu có cách để làm điều tương tự trong FF

Đây là một vấn đề thường xuyên đối với tôi và được giải thích tốt nhất bằng ví dụ. Khi tôi in trang tại liên kết bên dưới trên Firefox 42 (Dọc, chia tỷ lệ 100%, “thu nhỏ lại cho vừa với trang” KHÔNG được đánh dấu), kết quả là một trang gần như trống (ngoại trừ tiêu đề bài viết), sau đó *một trang* của . Tôi. e. , phần lớn văn bản của bài báo bị thiếu trong bản in. (Xem trước bản in trông giống như những gì tôi đã mô tả. ) Nhưng khi tôi in cùng một trang trong IE 10, mọi thứ đều được in ra bình thường, tôi. e. , tôi nhận được bản in dài hơn mà không thiếu thứ gì. Tại sao lại như vậy và quan trọng hơn là làm cách nào để Firefox in toàn bộ bài báo? . //www. nielsen. com/us/vi/insights/news/2015/another-classic-radio-christmas-is-in-store. html GHI CHÚ. (1) Có nhiều trang, đ. g. , Facebook hoặc phần nhận xét bên dưới các bài báo, trong đó bản in không đầy đủ trong *cả hai* trình duyệt -- thường chỉ hiển thị trang đầu tiên của bài đăng hoặc không có gì cả. Nhưng câu hỏi của tôi là về các trường hợp (không thường xuyên) như ví dụ trên khi IE in toàn bộ bài báo trong khi Firefox thì không. (2) Có một số trang - bao gồm trang này - trong đó tính năng “Chế độ xem người đọc” thường hữu ích cho việc in ấn của FF phần lớn cung cấp giải pháp thay thế cho loại sự cố này. Tuy nhiên, Reader View thường có thể làm mất định dạng và đồ họa hoặc “lộn xộn. ” Và nó không hoạt động trên tất cả các trang. Với trang trong ví dụ này, nó hoạt động rất tốt, chỉ với một khu vực nơi một số số trong một vài bảng chạy cùng nhau về phía bên trái, nhưng theo cách không khó để tìm ra mục đích thực sự của trang đó. Nhưng một lần nữa trong một số trường hợp khác, nó hoạt động kém. Bất chấp điều đó, bản in "đúng hơn" như của IE sẽ thích hợp hơn cho trang này, nếu có cách để làm điều tương tự trong FF

Đã sửa đổi 14. 47. 38 -0800 vào ngày 23 tháng 12 năm 2015 của Rick216

giải pháp đã chọn

Trong những năm qua, các nhà phát triển của Firefox đã chú trọng nhiều hơn đến việc hiển thị màn hình phù hợp hơn là phân trang phù hợp cho bản in. Do đó, có nhiều sự kết hợp bất thường giữa các quy tắc kiểu dáng và thẻ gây ra sự cố khi in và thường rất khó để tìm ra giải pháp thay thế tốt

Tôi đã lục lọi trong trang này và phát hiện ra một quy tắc kiểu dáng cho nội dung chính của bài viết chuyển từ kiểu hiển thị bình thường ("khối") sang kiểu hiển thị khác ("khối nội tuyến") và đó có vẻ là lý do Firefox đặt nó

Ảnh chụp màn hình đầu tiên được đính kèm hiển thị vị trí đặt quy tắc. Để tái tạo màn hình này, nhấp chuột phải vào đoạn đầu tiên và chọn Kiểm tra phần tử, sau đó nhấp lên một cấp trong sơ đồ cây HTML tới div chứa bài viết

Nếu bạn bỏ chọn quy tắc mà tôi đã đánh dấu ở bên phải và gọi xem trước bản in, thì mọi thứ đều bình thường, như thể hiện trong ảnh chụp màn hình thứ hai

Rõ ràng đó là một rắc rối lớn và tôi mất khoảng 20 phút để tìm ra, vì vậy đây không phải là cách giải quyết thực tế cho bất kỳ ai. Hy vọng rằng một nhà phát triển sẽ có thể theo dõi phần xấu của mã và loại bỏ nó, nhưng. đừng nín thở vì những lỗi in này thường nhường chỗ cho các dự án khác


Tôi sẽ đề cập đến một cách giải quyết "nhanh và bẩn" thường hoạt động. chọn toàn bộ trang (Ctrl+a) và sau đó chỉ in phần lựa chọn (Ctrl+p để gọi trực tiếp hộp thoại in, sau đó nhấp vào Lựa chọn). Điều này thường nhận được toàn bộ nội dung, nhưng ngắt trang lộn xộn và các phần tử cố định có thể che phủ nội dung

👍 3

Tất cả trả lời (2)

jscher2000 - Tình nguyện viên hỗ trợ

  • 10 cộng tác viên hàng đầu

lựa chọn khác

giải pháp đã chọn

Trong những năm qua, các nhà phát triển của Firefox đã chú trọng nhiều hơn đến việc hiển thị màn hình phù hợp hơn là phân trang phù hợp cho bản in. Do đó, có nhiều sự kết hợp bất thường giữa các quy tắc kiểu dáng và thẻ gây ra sự cố khi in và thường rất khó để tìm ra giải pháp thay thế tốt

Tôi đã lục lọi trong trang này và phát hiện ra một quy tắc kiểu dáng cho nội dung chính của bài viết chuyển từ kiểu hiển thị bình thường ("khối") sang kiểu hiển thị khác ("khối nội tuyến") và đó có vẻ là lý do Firefox đặt nó

Ảnh chụp màn hình đầu tiên được đính kèm hiển thị vị trí đặt quy tắc. Để tái tạo màn hình này, nhấp chuột phải vào đoạn đầu tiên và chọn Kiểm tra phần tử, sau đó nhấp lên một cấp trong sơ đồ cây HTML tới div chứa bài viết

Nếu bạn bỏ chọn quy tắc mà tôi đã đánh dấu ở bên phải và gọi xem trước bản in, thì mọi thứ đều bình thường, như thể hiện trong ảnh chụp màn hình thứ hai

Rõ ràng đó là một rắc rối lớn và tôi mất khoảng 20 phút để tìm ra, vì vậy đây không phải là cách giải quyết thực tế cho bất kỳ ai. Hy vọng rằng một nhà phát triển sẽ có thể theo dõi phần xấu của mã và loại bỏ nó, nhưng. đừng nín thở vì những lỗi in này thường nhường chỗ cho các dự án khác


Tôi sẽ đề cập đến một cách giải quyết "nhanh và bẩn" thường hoạt động. chọn toàn bộ trang (Ctrl+a) và sau đó chỉ in phần lựa chọn (Ctrl+p để gọi trực tiếp hộp thoại in, sau đó nhấp vào Lựa chọn). Điều này thường nhận được toàn bộ nội dung, nhưng ngắt trang lộn xộn và các phần tử cố định có thể che phủ nội dung

Trong những năm qua, các nhà phát triển của Firefox đã chú trọng nhiều hơn đến việc hiển thị màn hình phù hợp hơn là phân trang phù hợp cho bản in. Do đó, có nhiều sự kết hợp bất thường giữa các quy tắc kiểu dáng và thẻ gây ra sự cố khi in và thường rất khó để tìm ra giải pháp thay thế tốt. Tôi đã lục lọi trong trang này và phát hiện ra một quy tắc kiểu dáng cho nội dung chính của bài viết chuyển từ kiểu hiển thị bình thường ("khối") sang kiểu hiển thị khác ("khối nội tuyến") và đó có vẻ là lý do Firefox đặt nó . Ảnh chụp màn hình đầu tiên được đính kèm hiển thị vị trí đặt quy tắc. Để tái tạo màn hình này, nhấp chuột phải vào đoạn đầu tiên và chọn Kiểm tra phần tử, sau đó nhấp lên một cấp trong sơ đồ cây HTML tới div chứa bài viết. Nếu bạn bỏ chọn quy tắc mà tôi đã đánh dấu ở bên phải và gọi xem trước bản in, thì mọi thứ đều bình thường, như thể hiện trong ảnh chụp màn hình thứ hai. Rõ ràng đó là một rắc rối lớn và tôi mất khoảng 20 phút để tìm ra, vì vậy đây không phải là cách giải quyết thực tế cho bất kỳ ai. Hy vọng rằng một nhà phát triển sẽ có thể theo dõi phần xấu của mã và loại bỏ nó, nhưng. đừng nín thở vì những lỗi in này thường nhường chỗ cho các dự án khác. ---- Tôi sẽ đề cập đến một cách giải quyết "nhanh và bẩn" thường hoạt động. chọn toàn bộ trang (Ctrl+a) và sau đó chỉ in phần lựa chọn (Ctrl+p để gọi trực tiếp hộp thoại in, sau đó nhấp vào Lựa chọn). Điều này thường nhận được toàn bộ nội dung, nhưng ngắt trang lộn xộn và các phần tử cố định có thể che phủ nội dung

Css chỉ in một trang

Css chỉ in một trang

Rick216 Chủ sở hữu câu hỏi

lựa chọn khác

Cảm ơn, rất nhiều thông tin thực sự hữu ích ở đó. Có lẽ cuối cùng tôi sẽ đánh dấu bài đăng của bạn là giải pháp, nhưng trước tiên tôi sẽ đợi vài ngày (có thể lâu hơn do nghỉ lễ) để xem liệu có bất kỳ nhận xét nào khác không

Làm cách nào để in trang bằng CSS?

Công cụ dành cho nhà phát triển. DevTools ( F12 hoặc Cmd/Ctrl + Shift + I ) có thể mô phỏng các kiểu in, mặc dù ngắt trang sẽ không được hiển thị. Trong Chrome, mở Công cụ dành cho nhà phát triển và chọn Công cụ khác, sau đó chọn Kết xuất từ ​​menu biểu tượng ba chấm ở trên cùng bên phải. Thay đổi Phương tiện giả lập CSS để in ở cuối bảng điều khiển đó.

Làm cách nào để viết CSS để in?

Bạn có thể sử dụng CSS để thay đổi giao diện của trang web khi được in trên giấy. Bạn có thể chỉ định một phông chữ cho phiên bản màn hình và một phông chữ khác cho phiên bản in. Bạn đã thấy @quy tắc phương tiện trong các chương trước. Quy tắc này cho phép bạn chỉ định kiểu khác nhau cho các phương tiện khác nhau.

Phương tiện in trong CSS là gì?

Có thể sử dụng quy tắc @media CSS để áp dụng một phần của biểu định kiểu dựa trên kết quả của một hoặc nhiều truy vấn phương tiện . Với nó, bạn chỉ định một truy vấn phương tiện và một khối CSS để áp dụng cho tài liệu khi và chỉ khi truy vấn phương tiện khớp với thiết bị có nội dung đang được sử dụng.

Làm cách nào để đặt kích thước trang trong CSS?

Ví dụ về chiều cao và chiều rộng của CSS .
Set the height and width of a
element: div { height: 200px; width: 50%; .. .
Set the height and width of another
element: div { height: 100px; width: 500px; .. .
This
element has a height of 100 pixels and a max-width of 500 pixels: div { max-width: 500px; height: 100px;.