網頁RWD問題

rwd網頁設計

kiawakakusoui 2018-06-05 12:47:59 ‧ 1278 瀏覽

請問各位高手，我用Magento後台開了一個頁面，可是他到手機檢視的時候沒有RWD，廠商是說網站所有頁面都會有，唯獨我開的那個頁面要自己寫入響應才會有RWD，請問這時候我應該怎麼辦，請問有人可以跟我說要怎麼在編輯裡的HTML語法寫入RWD嗎？

weiclin iT邦高手 4 級 ‧ 2018-06-05 13:03:04 檢舉

去報名 RWD 的課程, 或是自己買書回來啃

逢摸必爆MIS iT邦研究生 3 級 ‧ 2018-06-05 13:06:00 檢舉

無法找廠商再處理嗎?
不過之前有曾經瞄一眼RWD的製作
網路上還蠻多教學的
這非我專業不好意思哈哈

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

純真的人

iT邦大師 1 級 ‧ 2018-06-05 13:22:05

最佳解答

廠商的意思是說你要在自己的頁面CSS裡面加上瀏覽器寬度判斷~

以下就是RWD最基本的概念作法(桌機及手機上的應用變化~)
螢幕寬度1024px 、 800px、 640px

<style type="text/css">
.SetFont{font-size:32px}
@media screen and (max-width: 1024px) {
.SetFont{font-size:28px}
}
@media screen and (max-width: 800px) {
.SetFont{font-size:20px}
}
@media screen and (max-width: 640px) {
.SetFont{font-size:16px}
}

</style>
<span class="SetFont">字形大小變化</span>

重點在測試的時候~看螢幕右上方的寬度變化(要按F12才有)