現代的圖片庫：流暢還是彈性？

Question

從ux.stackexchange交叉發布（根據建議）

我是UX和IA以及有關界面和解決方案設計的一切的新手。 我需要做一個基於網格的簡單圖片庫。 我讀了有關響應式設計和媒體查詢的文章。

好的，在寬屏中，我有7列網格，在筆記本電腦中有5列，在平板電腦3中和在smarthpone 1中。這非常酷。 我已經完成了流暢的布局，使用百分比作為width屬性。 我喜歡這種解決方案，因為它可以適應所有視口大小。

但是，如果用戶使用“命令+”或“命令-”鍵更改字體大小怎么辦？ 如果圖像寬度為百分比，則容器大小不會更改，圖像也不會更改。 結果有點不可思議：所有內容都變小了，但圖像沒有變化（嗯，邊距變化了，甚至更奇怪了）。

但是，如果將em用作寬度，則不會獲得更流暢的布局。

如何混合兩種布局？

Answer 1

我個人喜歡設置2個單獨的CSS樣式表。 一個用於主站點（台式機版本），另一個用於移動設備。

因此，在名為sensitive.css的樣式表中，您可以具有以下內容：

 @media only screen and (min-width: 768px) and (max-width: 1024px)
 {
   /*stuff in here*/
 }

並且您可以根據需要調整寬度，或者在必要時添加更多寬度。

我個人不喜歡響應式設計，喜歡更流暢的設計。 有許多不同大小的移動設備，因此使用流暢的設計可能會總體上更好地實現您要實現的目標。

至於字體大小，請嘗試始終使用em，因為它會更精確地調整大小。