看板 [ Web_Design ]
討論串[討論] iPad & iPhone 網頁設計
共 4 篇文章
內容預覽： 開啟 | 關閉 | 只限未讀
首頁
上一頁
1
下一頁
尾頁
#1
[討論] iPad & iPhone 網頁設計
推噓3(3推 0噓 6→)留言9則，0人參與, 最新作者evenwu (EvenWu)時間14年前 (2010/04/04 22:56), 編輯資訊
2
0
3
內容預覽:
最近iPad上市了. 一些基本的情報記錄一下. iPad專用附加css. 通常是配合網頁原本的css，後面再加上此css覆蓋原本的css規則. <link rel="stylesheet" media="only screen and (max-device-width: 1024px)". hre
(還有916個字)
#2
Re: [討論] iPad & iPhone 網頁設計
推噓0(0推 0噓 0→)留言0則，0人參與, 最新作者chph (chph)時間14年前 (2010/04/05 12:55), 編輯資訊
1
0
2
內容預覽:
原本用 JavaScript 寫，evenwu 說不支援 XDDD. 那就從伺服端語言下手吧，這裡用 PHP 為範例。. 首先觀察兩種可能輸出的viewport情形：. 1. iPhone 可允許縮放. <meta name="viewport" content="initial-scale = 1
(還有865個字)
#3
Re: [討論] iPad & iPhone 網頁設計
推噓1(1推 0噓 2→)留言3則，0人參與, 最新作者evenwu (EvenWu)時間14年前 (2010/04/05 14:03), 編輯資訊
0
0
2
內容預覽:
XDDD 其實是支援的. 只是iPad與iPhone的safari有特殊問題. 第一次讀取頁面時，再用js去改meta是會正常生效. 但是若是link到頁面，js改meta會造成判斷錯誤. 顯示時會非常奇怪.... 實驗後發現iPad放置為直立的時候，是正常. 橫置的時候才會出現頁面寬判斷錯誤的問題
(還有164個字)
#4
Re: [討論] iPad & iPhone 網頁設計
推噓0(0推 0噓 0→)留言0則，0人參與, 最新作者evenwu (EvenWu)時間14年前 (2010/04/07 15:09), 編輯資訊
0
0
1
內容預覽:
補充一些實驗結果. 這邊比較有意思的是iPad可以任意放大縮小網頁，所以.... <meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no">. 這行寫法雖然在一開始會讓1:1點對點生效. 但rotate到l
(還有395個字)
首頁
上一頁
1
下一頁
尾頁