廣告和媒體設備

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