0

I've got a couple of problems, Using media queries I change the position and font size for mobile/tablet and desktop, the problem is, if your changing the window size the font size and a couple of social icons are taken out of place.

So mobile 320, tablet 768, desktop 960-1280+ are the sizes I've designed for.

@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;
    }
    }

This is the example of font change and social icon position, but if the window is resized by the user the icons are out of place. Any Idea's ? I just want it to flow well or is there no point?

4

1 回答 1

0

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

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

于 2013-11-26T15:54:09.757 回答