2015年12月20日 星期日

手機佮桌機共用的網站佈景設計

欲予2種設備攏會當方便的設計,第一步愛知影使用者的手提設備。佇css方面是max-device-width。本來知叫是無論正提或者是横提應該是仝一个值,實測竟然是無仝的。也就是講下跤的設定正提横提結果無仝。
html:
      <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 600px)" href="device.css" />

css :
 @media screen  and (max-device-width: 600px) {
  div {
   color: blue;
  }
 }

正提是藍色,橫提是烏色的。了解這點只是入門爾爾。

沒有留言:

張貼留言