爲媒體查詢，圖標位置和字體大小保留屏幕大小調整

Question

我遇到了一些問題，使用媒體查詢我更改了移動/平板電腦和桌面的位置和字體大小，問題是，如果您更改窗口大小和字體大小以及一些社交圖標被取代。

所以移動320，平板電腦768，桌面960-1280 +是我設計的尺寸。

@media only screen and (max-width: 320px) { 
    .footer-top ul.links li { 
     font-size: 0.60em; 
     } 
     ul.home-social { 
     width:73%; 
     margin-left:auto; 
    margin-right:auto; 
    } 
    } 

這是字體的變遷和社會的圖標位置的例子，但如果窗口是由用戶調整大小的圖標是不合適的。有任何想法嗎 ？我只是想讓它流動得很好，還是沒有意義？

Answer 1

首先，我只想說一件事，手機，平板電腦等的尺寸都是非常相對的。雖然你可能已經設計了320和768的東西，但不同尺寸的所有不同的手機和所有不同的平板電腦都將無法爲每個手機制作出像素完美的設計。

只要用戶改變窗口的大小和不正確的位置的元素和字體大小，你必須找到一種方法來調整它們，使他們能夠在任何大小他們目前正在查看。不是在圖標旁邊放置文字，而是試圖根據大量屏幕尺寸使對齊和字體尺寸工作，嘗試將其分解出來，以便圖標和文本位於兩條不同的水平線上，可能是？