不同屏幕上的網站尺寸

-2

所以，我會盡量保持這個簡短。我試圖設計我的網站（它是100％原始的），當我把它給其他朋友查看時，圖像和文本不是內聯的，我不太清楚我應該如何應對這一點，我已經發布了我的代碼所以如果有人能夠伸出援手，我會很感激。謝謝。不同屏幕上的網站尺寸

--->代碼 - http://pastebin.com/8J2tqd8J

來源

2016-05-14 Devexted

請添加您擁有的HTML。 –

什麼你正在談論被稱爲自適應網站設計。

有許多解決方案，使用CSS @media查詢，使用響應大小單位，比如vw或rem。

但是，爲了讓我們的生活更簡單，有一個框架爲我們完成所有繁重的工作 - Twitter的Bootstrap。只需在頭標籤中包含所需的庫，並開始使用它們的類名。

Here is a great introduction它是如何工作的。

<head> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

    <!-- jQuery library --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 

    <!-- Latest compiled JavaScript --> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

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

當然，你會：是 -

，你將包括在<head>（您的通話，或者你可以堅持在底部的JS鏈接，就在</body>標籤）的要領還有<head>中的其他內容，比如DocType，Title，你自己的樣式表，你自己的js文件（如果需要）等等。以上只是演示瞭如何從聯機CDN引用所有必需的庫，而無需下載/安裝任何東西到你的網絡服務器

來源

2016-05-14 15:19:00 gibberish

我已經添加了這些頭標記，但是我想知道是否需要CSS鏈接？正如我已經設計了我的整個網站和引導程序一種丟棄/合併與我的。我試圖從bootstrap中刪除CSS標籤，但它使網站有點關閉測量。 http://baseframe.co/a/ - 如果你看這裏，在手機上（或者如果你讓你的窗口更小），div文本會有點瘋狂。 – Devexted

如果引導樣式表在*樣式表之前被引用，則任何相同名稱的樣式都將被樣式表覆蓋。這是一種常見的情況，我們中的許多人根據需要在這裏和那裏過分引導引導樣式。是的，Bootstrap樣式表是絕對必需的。 – gibberish

不同屏幕上的網站尺寸

回答

相關問題