css - 广告和媒体设备

Question

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

Answer 1

轮到你了scale。您可以在 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