iphone - 如何让网站适应手机和iPad屏幕的大小？

我正在一个新网站上工作，并在我的 css 文件中设置了一个宽度。我需要使网站具有适应性和可调整大小，以适应手机和各种平板设备的较小屏幕。

必须在我的 css 样式中设置什么才能使站点最好地适应其他屏幕尺寸？

最佳答案

您将需要使用媒体查询。这是响应式设计背后的全部基础。

@media only screen and (max-device-width: 480px) {
    /* write smartphone styles here */
}

@media only screen and (max-device-width: 768px) {
    /* tablets in portrait mode */
}

@media only screen and (max-device-width: 1024px) {
    /* tablets in landscape mode and smaller/older monitors */
}

看看这里:
http://coding.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

关于iphone - 如何让网站适应手机和iPad屏幕的大小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7639708/