1. 首頁
  2. 問答
  3. iPhone的響應寬度

iPhone的響應寬度

2012-10-25 83 views
0

這是我第一次構建一個響應網站，當我爲iPhone量身定製CSS時，我遇到了問題。樣式都正確應用，文本更改大小和包裝器更改寬度。問題是iPhone的瀏覽器仍處於一個巨大的寬打開了，見截圖：iPhone的響應寬度

enter image description here

我使用

@media all and (max-device-width: 480px) {}

設置特定於iPhone的CSS。 body {width:;}不起作用。

感謝您的幫助:)

來源

2012-10-25 Alex Marchant

回答

1

您有以下添加到您的頁頭

<meta name="viewport" content="initial-scale=1.0, width=device-width" />

如：

<!doctype html> 
<html> 
	<head> 
		<title></title> 
		<meta name="viewport" content="initial-scale=1.0, width=device-width" /> 
	</head> 
	<body> 
	</body> 
</html>

來源

2012-10-25 04:57:59 Doug

+0

哦，不，你不必。 – reisio

+0

這個作品謝謝！ –

+0

沒有文檔類型聲明，沒有好處。 – reisio

相關問題

 相關問題