問題自動調整主標題文本

我更新是在Squarespace主辦的網站顧問和我有標題的大小問題（它不以瀏覽器的大小響應）問題自動調整主標題文本

如果您調整頁面大小，您將看到電子商務不會調整大小以適應屏幕。

我曾嘗試加入一些自定義CSS，但它不工作以及

@media screen 
and (min-device-width: 751px) 
and (max-device-width: 1110px) 
{ 
    #introduction .sqs-block-content h1{ 
    font-size:100px; 
} 
} 
@media screen 
and (max-device-width: 750px) 
{ 
#introduction .sqs-block-content h1{ 
font-size:100px; 
} 
}

因爲我已經刪除的代碼形式的網站。

你們有什麼想法我可以根據使用CSS的瀏覽器的大小來調整主文本的大小嗎？

來源

2016-04-07 fabmol

上面是否仍鏈接說明問題？如果不是的話，那麼你已經說明了爲什麼我們試圖阻止與他們現場環境中的問題的聯繫 - 只要問題得到解決，問題就不再適用於未來的讀者。 – halfer

我認爲你是在正確的道路上，但由於某種原因決定使用*-device-width而不是僅僅*-width。我非常確定設備寬度是指整個屏幕大小，而寬度僅指瀏覽器視口大小。試試這個：

@media screen and (min-width: 751px) and (max-width: 1110px) 
{ 
    #introduction .sqs-block-content h1{ font-size:100px; } 
} 

@media screen and (max-width: 750px) 
{ 
    #introduction .sqs-block-content h1{ font-size:100px; } 
}

來源

2016-04-07 16:17:06 Quantastical

-1

對於某人來說，誰仍然有同樣的問題，我會建議使用fittext插件。

非jQuery的獨立版本也exists

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="jquery.fittext.js"></script> 
<script> 
    jQuery("#responsive_headline").fitText(); 
</script>

來源

2016-09-24 19:51:59

問題自動調整主標題文本

回答

相關問題