HTML/CSS響應筆記本電腦和臺式機

我有一個學校項目。我想讓所有頁面對筆記本電腦&桌面響應。HTML/CSS響應筆記本電腦和臺式機

我知道響應是最好％使用來確定寬度&高度。對於我的情況，我使用像素來代替原因。

大部分的網頁有表和表具有不同的高度&寬度。我只會讓CSS的桌面，以及當前的代碼（這是寬度&高度表）是筆記本電腦。

我想對桌面做的是100px的同時添加表格的高度&寬度。例如A頁的筆記本電腦的高度爲&，寬度爲250px。如果我使用桌面，高度&寬度將增加350px。

我該怎麼做？

2015-10-21 Zul Hazmi

最有可能的媒體查詢你在找什麼對於。有一個很好的資源，在這裏： https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries 使用從頁面的容器百分比是製作元素響應一個好主意。您不必將它們用於高度 - 事實上，這會變得危險，但使用流體寬度和最小高度會讓您感覺很差！ –

爲筆記本電腦和臺式機響應？我認爲你的意思是移動沒有？爲最外層的元素（主頁面包裝）使用硬編碼值。其他一切都應該使用'％'或'em' - 相信我。您應該儘可能靈活地設置桌面的值，然後在屏幕低於特定大小時將其覆蓋以便移動。 –

@JavierBuzzi然而，根據你的使用情況，他說他必須讓它成爲x，pxs。儘可能使用流體可能比使用硬編碼更好。 theres很多理想的方法來攻擊這個特殊的問題 – Daemedeor

我會建議尋找到@media查詢（https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries），快速學習，你只需指定@media然後條件，然後正常的CSS像下面

@media (minWidth: 300px){ 
     #pageA { 
      height: 300px; 
      width: 300px; 
     } 
}

來源

2015-10-21 01:30:28 Daemedeor

是！ @ZulHazmi：^ –

我確實做過媒體查詢。但我想要做的是爲所有頁面的高度和寬度添加+ 100px相應的桌面。每個頁面的筆記本電腦的高度和寬度都不同。 –

@ZulHazmi只是做數學。 – Daemedeor

HTML/CSS響應筆記本電腦和臺式機

回答

相關問題