大家好:
想請教,我有一個網頁,用電腦開好好的(排版OK
但用手機開啟那網頁,發現他整排版個走鐘很嚴重...
不只如此,連我的背景圖他都變成一個一個的色塊
body {
height: 1100px;
background-repeat: no-repeat;
background:linear-gradient(56.31deg,#ff6b24 8.83%, #FFE53b 71.21%);
}
想請教各位大大,有沒有甚麼方法、工具,可以讓電腦版和手機顯示的網頁無縫接軌(不然真的差太多了....
謝謝大家
我剛才試了一下 發現是你的css寫法問題
你試試把
body {
height: 1100px;
background-repeat: no-repeat;
background:linear-gradient(56.31deg,#ff6b24 8.83%, #FFE53b 71.21%);
}
改成
body{background:linear-gradient(56.31deg,#ff6b24 8.83%, #FFE53b 71.21%) 100% 100% no-repeat fixed;}
應該就能正常運作(至少在我這邊測試是OK的),這個是很簡單的東西我就不弄demo了,希望有幫助~
註: css語法可以用縮寫的方式把 background-image background-size background-repeat...(略) 寫成一行(就是這邊的範例) 你要知道它們做了什麼事
了解,感謝ccutmis大大指教,我只會分開寫,沒有用過縮寫,看來得再惡補一下
想再請教大大一個問題,如果我網頁上有一個box,500 X 500 px,電腦上OK,但手機上就會過大,請問大大,有辦法變成auto嗎?(例如手機就變成300X300之類的...
謝謝
如果我網頁上有一個box,500 X 500 px,電腦上OK,但手機上就會過大...(略)
有喔... 可以參考 CSS3 Media Query
https://www.w3schools.com/css/css3_mediaqueries_ex.asp
ccutmis 謝謝,我會試試看
不客氣~
重做一個mobile.php/aspx/jsp/htm,然後在原來的網頁上做一個判斷agent的javascript跳轉到mobile的功能即可
想請教大大,用javascript判斷有範例程式嗎?謝謝
在原來的網頁上做一個判斷agent的javascript跳轉到mobile的功能即可
google找到的範例:
https://tso1158687.github.io/blog/2019/03/10/detect-mobile-device/
ccutmis好:我參考了您找的的版本,了解大概的操作,因為我想用PHP,所以我就改去找PHP的東西
以下是我找到的資料,供有需要的大大參考
https://blog.aidec.tw/post/device-detect-php
謝謝大大
感謝分享~
後端版本(server-side-script) 跟 前端版本(js) 各有其適用場景 確實能幫助到有需要的人~ 給您一個讚!