广告和媒体设备

Question

在我的网页上，我有四列，我是正常的电脑，广告看起来不错，但是当我使用我的iPhone并使某些列更大并挤压其他列时。是否有人知道如何保持列的大小相同在移动设备上。该页面主要是HTML。

Answer 1

转过scale。您可以在html中使用它：

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

这里有更多关于此的信息：

http://developer.apple.com

更新

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

例如，1方法是：

<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