广告和媒体设备

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