2015-12-12 48 views
0

我是一名設計師,需要幫助解決我在我的網站上遇到的問題。爲確保設計保持一致,我只使用VW設備(根本沒有PX設備)。網站只有大衆的單位,但需要停止擴展

這是偉大的,因爲我可以調整瀏覽器窗口和設計總是適合(爲我的項目的關鍵)。

但我尋找一個解決方案,以「塊」的元件的擴張,當瀏覽器窗口變得太寬。在0到1'000像素寬之間,一切正常。超過1'000像素,元素變得太大,在2'000這是可怕的。

我可以添加一個@media告訴瀏覽器:「超過1000多個像素寬,你不要再縮放元素」。

還是有像「初始級」或「縮放」或其他任何一個我可以玩來解決這個參數?

我可以用在身上」一max-width: 1000px,但因爲所有的元素都設置與大衆單位,他們將繼續反正增長。

Website
CSS code

- - -

如果沒有真正的解決方案(因爲我需要從頭開始重新構建的網站一度因爲我想提高我的CSS知識和清潔我的代碼),我應該怎麼做我的V2來解決這個問題,但是繼續使用這個如此方便的VW單元?

(寬容我的代碼,因爲我主要是一個設計師:(

不要猶豫,問我的問題,如果你需要的任何其他信息謝謝您的關注,祝你一切順利!: )

讓 - 巴蒂斯特(日內瓦)

回答

0

按我的知識,你應該寫@media查詢,將輕鬆解決您的問題,代碼會更短。你使用VW單元,這是偉大的實踐,因爲它是調整你的部件用你的視口寬度(VW),而不是從s重寫整個代碼柺杖可以添加媒體查詢,但如果你想提高你的知識,這是偉大的從頭做到這一點的做法使人完美祝您好運

+0

感謝您的反饋意見。 是@media是一個解決方案(可能是我將要使用的一個解決方案),但它會讓我再次逐個設置每個參數。對我來說最好的解決辦法就是我可以說:「好的,現在你將每個VW值除以50%」並且這個命令一切都是一半。「 –