查看完整版本: 有關RWD
頁: [1]

ipk230230 發表於 2019-12-20 10:19 PM

有關RWD

https://codepen.io/xunxas/pen/yLyMqGJ
附上連結

網頁收縮後
那個button 要怎麼改成 漢堡的外觀
以及 點選出現 手機版的選單

這個要改 我目前還不懂怎麼修正 可以幫忙一下嗎

<div></div>

tryit244178 發表於 2019-12-21 05:20 PM

button要改成圖片，可以參考這個<!doctype html>
<html>
<head>
<meta charset="utf-8">

<script>
  function Test()
  {
    var btn = document.getElementById("btn");
    btn.setAttribute("type", "image");
    btn.style["width"] = "50px";
    btn.style["background-image"] = "url('hamburger.jpg')";
  }
</script>

<style>
  button { width: 100px; }
</style>
</head>

<body>
  <button id="btn" onClick="Test()">按一下變成圖片按鈕</button>
</body>
</html>至於其他的…看不懂！跳過！...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

ipk230230 發表於 2019-12-21 05:50 PM

本帖最後由 ipk230230 於 2019-12-21 05:51 PM 編輯

就是 跟App一樣 換成手機畫面時 選單是隱藏的
點擊漢堡後會出現
目前的問題是
點擊後沒有反應 不會出現下拉式選單 以及
漢堡選單不會轉換成 x的開關

tryit244178 發表於 2019-12-22 04:07 PM

參考這網頁，也許對你有幫助
https://www.oxxostudio.tw/articles/201810/css-media-queries.html
頁: [1]