TAILIEUCHUNG - Lập trình iphone chuyên nghiệp part 17

Enabling and Optimizing Web Sites for iPhone and iPod touch Safari 3 và các trình duyệt dựa trên Mozilla cung cấp hỗ trợ cho CSS3 các thuộc tính mới cho phép bạn tạo bố trí giống như tờ báo multicolumn,. Đối với một khối nội dung, bạn có thể chỉ định số lượng các cột, chiều rộng của cột, và khoảng cách giữa chúng. | Chapter 8 Enabling and Optimizing Web Sites for iPhone and iPod touch Defining Multiple Columns Future Use Safari 3 and Mozilla-based browsers provide support for new CSS3 properties that enable you to create newspaper-like multicolumn layouts. For a content block you can specify the number of columns width of the columns and the gap between them. Because Internet Explorer does not currently support multiple columns these style properties are prefixed with -webkit and -moz -webkit-column-count 2 -moz-column-count 2 -webkit-column-width 200px -moz-column-width 200px -webkit-column-gap 13px -moz-column-gap 13px Unfortunately the current version of Mobile Safari does not support these properties. However be watching for their future support. When Mobile Safari does support multicolumns it can offer an easy way to transform existing content into the columnar structure that iPhone and iPod touch users love. Tier 3 Custom iPhone iPod touch Styles An iPhone and iPod touch user can navigate a Tier 2 Web site with double-tap pinch and flick gestures but that does not necessarily mean that it is easy or enjoyable to do so. Panning and scrolling across the screen can become quickly tiresome after the excitement over the full Web wears off. Users will quickly find themselves returning to sites that provide a richer more tailored experience for Mobile Safari. The easiest way to do this is to create custom styles specifically for iPhone and iPod touch. 190 Chapter 8 Enabling and Optimizing Web Sites for iPhone and iPod touch Media Queries If you wish to specify a style sheet for iPhone and iPod touch usage you can use a CSS3 media query. iPhone and iPod touch do not support the dumbed down handheld or print media types. Instead iPhone and iPod touch look for the screen media type. You can then use the link element to set specific styles for iPhone and iPod touch by looking only for devices that support screen and have a maximum width of 480px link media only screen and .

TAILIEUCHUNG - Chia sẻ tài liệu không giới hạn
Địa chỉ : 444 Hoang Hoa Tham, Hanoi, Viet Nam
Website : tailieuchung.com
Email : tailieuchung20@gmail.com
Tailieuchung.com là thư viện tài liệu trực tuyến, nơi chia sẽ trao đổi hàng triệu tài liệu như luận văn đồ án, sách, giáo trình, đề thi.
Chúng tôi không chịu trách nhiệm liên quan đến các vấn đề bản quyền nội dung tài liệu được thành viên tự nguyện đăng tải lên, nếu phát hiện thấy tài liệu xấu hoặc tài liệu có bản quyền xin hãy email cho chúng tôi.
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.