2012-02-14 42 views
6

Khi tôi nhấn Ctrl+ trong trình duyệt hiện đại, thu phóng trang, bao gồm hình ảnh; một hiệu ứng tương tự là rõ ràng khi pinching và phóng to trên một thiết bị di động. Mọi thứ trên trang đều có tỷ lệ tương ứng.Phóng to trong trình duyệt có giống như phóng to trên thiết bị di động không?

Câu hỏi của tôi là, khi trình duyệt phóng to và khi thiết bị di động phóng to, chúng có hoạt động giống nhau không? Tôi đặc biệt quan tâm đến mối quan hệ của pixel vật lý với pixel hiển thị với pixel độc lập của thiết bị. Đây là một miền có thể trở nên nhanh chóng phức tạp khi xem xét các truy vấn phương tiện truyền thông và tương tự.

Chỉnh sửa: Tôi có một số câu trả lời hay, đánh giá cao của tôi. Tôi đã hy vọng tìm ra cách chúng khác với quan điểm kỹ thuật. tức là "một là tỷ lệ x, các vảy khác y". Có cái nhìn sâu sắc nào ở đây không?

Trả lời

3

Trong quan sát của tôi, không, chúng không giống nhau. Khi tôi chụm-thu phóng trên thiết bị di động của mình, nó phóng to mà không ảnh hưởng đến kích thước trang tương đối. Khi tôi Ctrl-+ trên PC, trang được điều chỉnh để vừa với chiều rộng pixel của màn hình giống nhau, điều này sẽ thay đổi luồng để vừa với nội dung có ít pixel "ảo hơn".

CHỈNH SỬA: Ngoài ra còn có sự khác biệt giữa thu nhỏ di động và phóng to thu nhỏ bằng thiết bị di động. Tôi đã quan sát thấy rằng hai lần nhấn-thu phóng không ảnh hưởng đến luồng của trang, trong khi việc véo không.

Về "pixel CSS", không phải là nó rõ ràng từ cách các yếu tố với kích thước được xác định trong px đơn vị bị ảnh hưởng? Dường như "CSS pixel" vẫn giữ nguyên cách chúng được định hướng ở 100%/

+0

Kích thước trang tương đối được sửa đổi trên thiết bị di động ở một mức độ nào đó. Nếu tôi phóng to một trang chất lỏng trên một thiết bị di động, nội dung sẽ thay đổi gói của nó (và do đó, tôi giả sử, báo cáo chiều rộng màn hình). – Matt

+0

Chỉnh sửa của bạn tùy thuộc vào nền tảng, điện thoại Android cũ của tôi không hiển thị bất kỳ sự khác biệt nào. – Matt

+0

Có vẻ như tôi đang quan sát cài đặt "bọc văn bản"; do đó kích thước trang tương đối vẫn giữ nguyên, nhưng văn bản được bao bọc như thể nó là chất lỏng. Tôi thực sự không thích điều đó: -/ – Matt

0

Không, trong trình duyệt nói chung, tinh chỉnh CSS của tài liệu hiện có để thay đổi thứ nguyên. Thiết bị di động mở rộng "hình ảnh" của tài liệu.

+0

Tôi thấy cùng một hiệu ứng. Tôi đang cố gắng để có được dưới cùng của những gì sẽ xảy ra với "pixel css" trong mỗi, và nếu các thiết bị độc lập điểm ảnh liên quan đến hành động phóng to. Chúng tôi, có khả năng, nói về hai lớp "pixel ảo" ở phía trên màn hình pixel vật lý. – Matt

+0

Thuật toán thu phóng của trình duyệt không phổ biến (IE, webkit, FF). Làm thế nào nó hoạt động khác nhau một chút, và đôi khi họ phá vỡ bố trí do các vấn đề làm tròn. Điều này không xảy ra với thiết bị di động. –

+0

Vâng ... Tôi đã nhận thấy điều đó. Điều đó có nghĩa là họ đang điều chỉnh lớp [pixel độc lập thiết bị] (http://developer.android.com/guide/practices/screens_support.html#terms)? Cuối cùng, tôi đang cố gắng thiết lập vai trò tương lai của các điểm ảnh trong thiết kế web. – Matt

0

Câu trả lời đơn giản là chúng không giống nhau.

Khi thu phóng pinch được sử dụng với điện thoại, mọi thứ đều được thu nhỏ.

khi sử dụng ctrl + trên quy tắc CSS của trình duyệt vẫn được áp dụng. Ví dụ: nếu bạn có bảng điều khiển bên trái được chỉ định là 200em thì bảng điều khiển bên phải được chỉ định để tự động điền sau đó khi nhấn ctrl + vào bảng bên phải sẽ chiếm nhiều không gian hơn và không gian được sử dụng bởi bảng bên phải sẽ bị giảm nhưng kích thước của văn bản sẽ lớn hơn.

Một số đơn vị xử lý trình duyệt khác nhau. Một số quy mô một số thì không. Ví dụ đối với một số trình duyệt nếu px được sử dụng để chỉ định kích thước, nó sẽ không thay đổi ngay cả khi ctrl + được nhấn (chủ yếu là các trình duyệt cũ hơn). Như một quy tắc chung nếu bạn muốn mọi thứ co giãn khi ctrl + được nhấn và mở rộng đúng thì đơn vị em thường được đề xuất vì nó dựa trên kích thước phông chữ được chia tỷ lệ khi bạn nhấn ctrl +.

Không may thay mỗi trình duyệt xử lý thu nhỏ một cách khác nhau và cách duy nhất để đảm bảo trang của bạn sẽ phóng to như mong đợi là kiểm tra trên trình duyệt mà bạn quan tâm.

+0

"thường được khuyến nghị vì nó dựa trên kích thước phông chữ được chia tỷ lệ khi bạn nhấn ctrl +". Tôi không chắc điều này đúng trong các trình duyệt hiện đại; thực tế là tất cả quy mô thứ nguyên pixel, bao gồm kích thước hình ảnh, khiến tôi tin rằng chúng đang hoạt động trên "pixel css". – Matt

+0

@Matt trình duyệt hiện đại thực sự là rất tốt trong việc mở rộng quy mô như bạn mong đợi họ mở rộng khi nhấn ctrl + đó là lý do tại sao tôi đã thêm "hầu hết các trình duyệt cũ hơn". Vẫn còn những tình huống mà mọi thứ không quy mô như mong đợi. Các đơn vị duy nhất mà tôi biết rằng sẽ quy mô dự đoán là đơn vị em. Cách duy nhất để biết chắc chắn trang sẽ mở rộng như thế nào để kiểm tra trên nhiều trình duyệt. – gnash117

Các vấn đề liên quan