为媒体查询、图标位置和字体大小保持屏幕调整大小的流程答案

【问题标题】：Keeping flow from screen resize for media queries, icon locations and font size为媒体查询、图标位置和字体大小保持屏幕调整大小的流程
【发布时间】：2013-11-01 17:01:29
【问题描述】：

我遇到了几个问题，使用媒体查询我更改了移动/平板电脑和台式机的位置和字体大小，问题是，如果您更改窗口大小，字体大小和几个社交图标会被占用不合适。

所以移动设备 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;
    }
    }

这是字体更改和社交图标位置的示例，但如果用户调整了窗口大小，则图标不合适。有任何想法吗？我只是希望它流动良好还是没有意义？

【问题讨论】：

标签： css resize media-queries zurb-foundation

【解决方案1】：

首先我只想说一件事，手机、平板电脑等的尺寸都是极其相关的。虽然您可能已经为 320 和 768 设计了一些东西，但所有不同手机和所有不同平板电脑的不同尺寸将导致无法为每款手机做出像素完美的设计。

至于元素的位置和字体大小受用户改变窗口大小的影响并且不正确，您必须找到一种方法来对齐它们，以便它们在任何大小范围内都能正常工作目前正在查看。与其在图标旁边放置文本并尝试根据大量屏幕尺寸使对齐和字体大小都起作用，不如尝试将它们分开，以便图标和文本位于两条不同的水平线上，可能吗？

【讨论】：