如何使用css/html強制移動網站的某種程度的寬度

我從一個模板（HTML/CSS）創建了一個網站，我主要是通過我的電腦在chrome/firefox/IE中測試它，但現在我只測試了頁面在我的iPhone上，它看起來不對。如何使用css/html強制移動網站的某種程度的寬度

鏈接：www.anibalautomotive.com

我測試了一下與視元，並幫助，但沒有糾正一些問題。我試着把''max-width：1200px''放進機身，它實際上運行得很好，但背景都放大了。

什麼可能是一個很好的途徑，以適應網站的手機，同時保持清潔？

感謝您的閱讀！

來源

2015-12-08 Thomas C. Dion

我建議使用Bootstrap，它使用一個響應式網格和其他功能，讓您根據屏幕寬度設計佈局更改。

對於重量較輕的版本，我相信您可以在googe中搜索「響應式網格」。

或者只是影響的代碼的一小部分，你可以永遠只是在你的CSS

@media (max-width: 767px) { 
/* Enter CSS code here as normal */ 
} 
@media (min-width: 768px) and (max-width:979px) { 
/* Enter CSS code here as normal */ 
} 
@media (min-width: 980px) { 
/* Enter CSS code here as normal */ 
}

寫那些是手機，平板電腦和臺式機的例子尺寸雖然有些只是做2.繼承人的代碼是什麼樣子與CSS裏面所以你有一個想法：

@media (max-width: 767px) { 
body { 
    font-size:18px; 
} 
.myClass { 
    color: red; 
}

來源

2015-12-08 05:22:56 Scargi

謝謝Scargi。我看着我的模板，它似乎在使用Boostrap ...並且我也查找了一些@Media標籤，我將它清理了一下。現在幾乎沒問題，但我似乎無法使手機的網站超過1000像素。基本上，我需要它在中間顯示更多的內容（大約1000px寬）。任何想法？鏈接：http://www.anibalautomotive.com –

只是忽略了這個評論，我目前正在寫它... – Scargi

嗨托馬斯，我沒有意識到你之前分享一個鏈接，所以道歉。可悲的是，你不能授予網站使用更多的px，它決定我害怕。環顧您的網站後，我回想起媒體標籤，它通常是一種將風格應用到移動設備而不是桌面的好方法，這對於調整/定稿非常有用。 – Scargi

如何使用css/html強制移動網站的某種程度的寬度

回答

相關問題