html - 用于更大显示器的 CSS

Question

我正在从事网站的前端设计工作，需要有关元素大小的帮助。网页布局/元素大小在我的 19"、1440x900 分辨率显示器上看起来很棒，但是当我在更大的高清显示器上查看同一页面时，所有内容都很小。我应该使用某些 CSS 度量单位吗？无论显示器的尺寸/分辨率如何，页面看起来都一样？我是前端设计的新手，所以我不确定标准实践。

提前致谢

Answer 1

您始终可以使用媒体样式查询系统将您的网站设计为特定的像素比率。我将向您展示一些我经常用于手持式媒体查询的小示例。

iPad 纵向:

@media only screen and (min-width: 768px) and (max-width: 980px ) {
    // This media query would be appropriate for iPad portrait queries.
}

iPhone、iPod Touch、Android 设备(相同尺寸):

@media only screen and ( max-width: 767 px) {
    // This media query would be appropriate for iPhone, iPod Touch, and Android.
}

当然，您可以将它用于大型监视器查询，因为主要是 css 并不是一刀切的交易。我希望这在某种程度上有所帮助，我会不断检查我的答案，所以如果您发表评论，我会更新我的答案。