在iphone上的網站設計

Finally i start try to learn how to design web on iphone.
A little difficult, but I think is useful.

留言

張貼留言

這個網誌中的熱門文章

html嵌入youtube影片當背景，並靜音

網路上看到至少三種以上教學，我依序放上我試過的： 首先，先知道影片內容， https://www.youtube.com/watch?v=YrLk4vdY28Q watch?v=XXXXXXXXX，後面即為id 若後面還有?rel或什麼什麼的，一律不管刪掉 第一種，簡單嵌入式，用div控制大小，並用iframe的參數來控制影片 來源： https://blog.allenchou.cc/youtube-video-background/ ---------- <div style="position: fixed; z-index: -99; width: 100%; height: 100%">   <iframe frameborder="0" height="100%" width="100%" src="我的影片?autoplay=1&controls=0&showinfo=0&autohide=1" frameborder="0" allowfullscreen> </iframe> </div> <div id="muteYouTubeVideoPlayer"></div> ------------ 在src來源的部份，有autoplay，controls，showinfo，autohide這些 autoplay // 在讀取時自動播放影片 0為不播放 controls // 在播放器顯示暫停／播放按鈕 0為不出現 showinfo // 隱藏影片標題 1為不出現 autohide // 播放影片時隱藏影片控制列 0為不出現 fs // 顯示全螢幕按鈕 0為不出現 loop //循環播放 0為不循環 但，以上的問題就是沒有靜音功能… 然後，找到一個網站，在iframe上設定參數，增加一個volumn="0" 如下 <iframe width="640" heigh...
閱讀完整內容

日本的部份網站備份

圖片
今天在找大阪海遊館的特展資料時， 找到古生物特展（ デスモスチルスのいた地球 ～謎だらけの古代生物たち～） 發現了該網站的全圖！！（驚！） 於是發現了2個有趣的網站， 一個是LP ARCHIVE，主要是圖像式備份 另一個是WebDesignClip，這網站會保留網站的連結 https://rdlp.jp/lp-archive http://lp.webdesignclip.com
閱讀完整內容

css小發現：隱藏捲軸、強迫物件換行

有時在設定固定範圍物件時，總會有那麼奇怪的事發生： 就是捲軸竟然出現了！明明就剛剛好大小，怎麼會發生這樣的事呢… 這時就有css的設定出現了： overflow-y: scroll; overflow-x: hidden; 有x跟y兩個 除此之外，相關的設定有： 加入/隱藏捲軸語法 預設使用捲軸        overflow:auto; 刪除捲軸               overflow:hidden; 刪除水平捲軸        overflow-x:hidden; 刪除垂直捲軸        overflow-y:hidden; 捲軸變色 可放在所有有捲軸的地方，一般來說放在html{}裡就可。 html{ scrollbar-face-color: 色碼;    /*捲軸顏色*/ scrollbar-highlight-color: 色碼;    /*捲軸左與上內邊框*/ scrollbar-shadow-color: 色碼;    /*捲軸右與下內邊框*/ scrollbar-3dlight-color: 色碼;     /*捲軸左與上外邊框*/ scrollbar-darkshadow-color: 色碼;    /*捲軸右與下外邊框*/ scrollbar-arrow-color: 色碼;    /*捲軸箭頭*/ scrollbar-track-color: 色碼;   /*捲軸底色*/ } 捲軸左置 建議不要把主框架捲軸左置；文字會變成全部倒反，會不太好處理。 捲軸左置語法    direction: rtl; 語法加在你想改的捲軸語法欄位即可(有捲軸的地方皆可)。 例如我想把主選單的捲軸左置則:#links {direction: rtl;} 資料夾、欄位加入捲軸 有些欄位(最新回應、最新引用...之類)，總是佔了...
閱讀完整內容