所以我有一個html頁面，它使用PHP調用來填充各種表。該頁面在我的一個屏幕上看起來很棒，在其他地方都很糟糕。希望它是一個簡單的修復，但任何反饋將不勝感激。我知道我不應該使用px，但百分比對我來說不能正常工作。The CSStd.COMPLETE {background-color: green;color: black;text-align: center;}td{ color: white;text-align: center;}td.Blue {background-color: blue;color: white;text-align: center;}td.Yellow {background-color: yellow;color: black;text-align: center;}td.Orange {background-color: orange;color: black;text-align: center;}td.Red {background-color: red;color: black;text-align: center;}#dTitle { position: fixed; visibility: visible; left: 1295px; top: 135px;}#dTable { position: fixed; visibility: visible; left: 1050px; top: 175px;}#cTitle { position: fixed; visibility: visible; left: 865px; top: 135px;}#cTable { position: fixed; visibility: visible; left: 855px; top: 175px; width:20%}#rTitle { position: fixed; visibility: visible; left: 350px; top: 135px;}#rTable { position: fixed; visibility: visible; left: 50px; top: 175px; width:45%}#sTitle { position: fixed; visibility: visible; left: 450px; top: 550px; }#sTable { position: fixed; visibility: visible; left: 50px; top: 590px; width:60%}
3 回答
胡說叔叔
TA貢獻1804條經驗 獲得超8個贊
您可以使用CSS媒體查詢，通過它您可以為不同的屏幕大小提供單獨的樣式，也可以使用任何HTML5樣板，例如Bootstrap，通過它您不需要顯式編寫媒體查詢。在bootstrap的情況下，在HTML head標簽中添加庫CSS鏈接，你就可以了。
建議
<center>標記已折舊，請嘗試使用 CSS 代替（請轉介我）。首先，添加到您的頭部部分。
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1,0">您在 head 中添加的以下代碼段導致頁面刷新。（請參考我）.
<META HTTP-EQUIV="refresh" CONTENT="86400">始終嘗試使用 CSS 類，而不是直接將樣式提供給 html 元素。
您還可以省略移動視圖中的某些列（如果不是必需的），或者您可以為 HTML 表格啟用水平滾動（請咨詢我）。
holdtom
TA貢獻1805條經驗 獲得超10個贊
我不明白你在html上設置的元標記是什么，但嘗試這樣做以使屏幕響應
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1,0">
之后，您可以使用css設置屏幕響應條件
- 3 回答
- 0 關注
- 127 瀏覽
添加回答
舉報
0/150
提交
取消