iT邦幫忙

0

網頁RWD問題

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

weiclin iT邦高手 4 級 ‧ 2018-06-05 13:03:04 檢舉
去報名 RWD 的課程, 或是自己買書回來啃
無法找廠商再處理嗎?
不過之前有曾經瞄一眼RWD的製作
網路上還蠻多教學的
這非我專業不好意思哈哈

1 個回答

6
純真的人
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才有)
https://ithelp.ithome.com.tw/upload/images/20180605/200613698azQl8JVkn.png

我要發表回答

立即登入回答