In this example, each section tag w

In this example, each section tag will have either a background image (if the device is
in portrait mode) or a green gradient (if the device is in landscape mode).
Screen Size Breakpoint Classes
In addition to orientation changes, jQuery Mobile provides a way to handle different
screen sizes with CSS classes that are based on the size of the screen. jQuery Mobile
refers to these as “breakpoint classes.” The default screen size breakpoints for jQuery
Mobile are 320 pixels, 480 pixels, 768 pixels, and 1024 pixels. These in turn translate
into min-width and max-width CSS classes: min-width-320px, max-width-768px, etc. As
with the orientation classes, jQuery Mobile applies these breakpoint classes to the
HTML element.
Returning to our previous example, let’s say you want to have a different background
image depending on the resolution of the screen (Example 5-8).
Example 5-8. CSS snippet demonstrating breakpoint classes

Kết quả (Việt) 1:

Trong ví dụ này, mỗi phần thẻ sẽ có một hình nền (nếu thiếtở chế độ dọc) hoặc một gradient màu xanh lá cây (nếu thiết ở chế độ phong cảnh).Màn hình kích thước Breakpoint lớpNgoài việc thay đổi định hướng, jQuery điện thoại di động cung cấp một cách để xử lý khác nhauKích cỡ màn hình với các lớp học CSS được dựa trên kích thước của màn hình. jQuery điện thoại di độngđề cập đến như là "điểm ngắt các lớp học." Điểm ngắt kích thước màn hình mặc định cho jQueryĐiện thoại di động là 320 pixel, 480 pixel, 768 pixel và 1024 pixel. Những lần lượt dịchvào lớp học CSS min-chiều rộng và chiều rộng tối đa: min-chiều rộng-320px, max-chiều rộng-768px, vv. Nhưvới các lớp học định hướng, jQuery di động áp dụng các lớp học điểm ngắt để cácPhần tử HTML.Quay trở lại ví dụ trước đó, giả sử bạn muốn có một nền tảng khác nhauhình ảnh tùy thuộc vào độ phân giải của màn hình (ví dụ 5-8).Ví dụ 5-8. CSS đoạn chứng minh điểm ngắt các lớp học

Kết quả (Việt) 2:

Trong ví dụ này, mỗi tag phần sẽ phải hoặc là một hình nền (nếu thiết bị
trong chế độ chân dung) hoặc một gradient màu xanh lá cây (nếu điện thoại đang ở chế độ phong cảnh).
Kích thước màn hình lớp học Breakpoint
Ngoài những thay đổi định hướng, jQuery Mobile cung cấp một cách xử lý khác nhau
kích thước màn hình với các lớp CSS được dựa trên kích thước của màn hình. jQuery Mobile
đề cập đến điều này như "lớp học breakpoint." Các điểm ngắt kích thước màn hình mặc định cho jQuery
Mobile 320 pixel, 480 điểm ảnh, 768 điểm ảnh, và 1024 pixel. Những lần lượt dịch
sang min-width và chiều rộng tối đa lớp CSS: min-width-320px, chiều rộng tối đa-768px, vv Như
với các lớp học định hướng, jQuery Mobile áp dụng các lớp này breakpoint để các
phần tử HTML.
Quay trở lại trước đó của chúng tôi Ví dụ, chúng ta hãy nói rằng bạn muốn có một nền tảng khác nhau
ảnh tùy thuộc vào độ phân giải của màn hình (Ví dụ 5-8).
Ví dụ 5-8. CSS snippet chứng minh lớp breakpoint