css - 广告和媒体设备

Question

在我的网页上，我有四个栏，我是普通电脑，广告看起来不错，但是当我使用 iPhone 时，将某些栏放大并挤入其他栏。有人知道如何保持栏的大小相同吗在移动设备上。该页面主要是 HTML。

Answer 1

转动您的体重秤。您可以在您的 html 中使用它:

<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no">

这里是关于这个的更多信息:

http://developer.apple.com

更新:

是的，有不同的方式来改变设计，这取决于设计。

例如，第一种方法是:

<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iPhone.css">

所以这个 css 将只占用你的手机，所以为此做不同的设计样式表。

同样的事情是:

@media handheld, only screen and (max-device-width: 480px) {
    /* overrides or style additions for iPhone */
}

如果您不想创建新的 stylesheet.css ，假设您想要更改 1,2 类。

但想法是一样的。

有 JS 方式和花药取决于你的元素应用程序做什么和构建

谷歌知道所有这些东西。

这是一篇对你有用的帖子:

http://stackoverflow.com/questions/3839809/detect-iphone-ipad-purely-by-css