響應(yīng)式設(shè)計(jì)出錯(cuò)（以及如何解決）

大多數(shù)使用響應(yīng)式成都網(wǎng)站設(shè)計(jì)公司" data-ke-src="http://www.cdweb.net/">網(wǎng)站設(shè)計(jì)都使用它不正確，這會(huì)導(dǎo)致問題。響應(yīng)式設(shè)計(jì)的一般方法是懶惰的，如果你采用這種方法，你的一些響應(yīng)式網(wǎng)站將好無缺地工作，其中很多都不會(huì)。對(duì)于那些好運(yùn)作的人來說，這可能歸結(jié)為運(yùn)氣問題。

將多列布局折疊到單個(gè)列中的問題在于它不能按比例工作。如果你必須水平縮小某些東西并且你沒有做任何其他改變，它顯然會(huì)垂直擴(kuò)展。

在將桌面設(shè)計(jì)分解為移動(dòng)設(shè)計(jì)時(shí)，以下是一些值得考慮的事項(xiàng)：

1.“移動(dòng)優(yōu)先”是一個(gè)概念

作為一個(gè)概念，它并沒有多大幫助，因?yàn)槿绻阏嬲O(shè)計(jì)出“移動(dòng)優(yōu)先”，那么除非你一直堅(jiān)持純粹的單一列布局，否則嘗試將其擴(kuò)展到桌面設(shè)計(jì)將是噩夢(mèng)般的。

最好的方法是物理設(shè)計(jì)至少三種不同的布局。您可以考慮的最低要求包括：

桌面

肖像移動(dòng)

如果你想要更加徹底，你還應(yīng)該考慮：

巨大的桌面

普通桌面

大景觀平板電腦

大肖像平板電腦

小景觀平板電腦

小肖像平板電腦

大型景觀移動(dòng)

大型移動(dòng)電話

小景觀手機(jī)

小肖像移動(dòng)

微小/可穿戴

有這么多不同的可能性，很明顯為什么懶惰的“一刀切”方法如此誘人，但同樣明顯的是為什么有這么多方法可以毀掉它。

2.馴服那個(gè)龐大的頁腳

桌面設(shè)計(jì)包括那些帶有大量內(nèi)部鏈接的巨大頁面頁腳？在桌面上可能非常方便。在移動(dòng)設(shè)備上，它看起來很荒謬，并且不僅僅是一種煩人的觸摸。您可以為每個(gè)設(shè)備斷點(diǎn)設(shè)計(jì)完全不同的頁腳。只需在模態(tài)對(duì)話框中提供這些頁腳鏈接，每個(gè)人都會(huì)獲勝。

3.您可以隱藏對(duì)核心消息沒有貢獻(xiàn)的內(nèi)容

網(wǎng)站最重要的部分是核心信息。是的，在某些網(wǎng)站上，最重要的部分是廣告，它們僅用于投放廣告，但如果您必須在顯示核心消息或展示廣告之間進(jìn)行選擇，請(qǐng)選擇消息。如果您隱藏核心內(nèi)容然后提供大量廣告，Google更有可能將您視為不受歡迎的角色。這是因?yàn)楹诵膬?nèi)容是谷歌為您編制索引的內(nèi)容，并且當(dāng)該內(nèi)容未顯示時(shí)，Google會(huì)將其視為具有欺騙性。

4.最好使用響應(yīng)式圖像

所有圖像應(yīng)盡可能響應(yīng)。這帶來了有時(shí)如果縮小太多，圖像的細(xì)節(jié)可能會(huì)丟失。此問題的解決方案是使圖像可單擊，以便用戶可以查看與內(nèi)容分開的圖像的放大版本。執(zhí)行此操作的常規(guī)方法是通過模式對(duì)話框。

5.您可以使用其他背景

布局應(yīng)始終設(shè)計(jì)為容納內(nèi)容。如果由于某種原因布局無法保存內(nèi)容，則應(yīng)重新設(shè)計(jì)布局，而不是內(nèi)容。很有可能為不同的設(shè)備使用不同的背景。你是一名設(shè)計(jì)師。動(dòng)用你的想象力。

內(nèi)容是網(wǎng)站的生命線，根據(jù)布局的限制對(duì)其進(jìn)行修改或限制，這是網(wǎng)站所有者業(yè)余性的明顯標(biāo)志，并表明布局設(shè)計(jì)不合理。地點(diǎn)。堅(jiān)持你的原則，因?yàn)槿绻隳S，那個(gè)客戶將會(huì)遇到麻煩。

客戶永遠(yuǎn)是對(duì)的，除非該客戶是網(wǎng)站設(shè)計(jì)客戶?？蛻艉苌僦朗裁磳?duì)他們最有利，而且自稱是一個(gè)知道如何為客戶提供正確結(jié)果的網(wǎng)站設(shè)計(jì)師是很重要的。

6.手動(dòng)控制折疊順序（或避免內(nèi)容中的空間參考）

拖累所見即所得的網(wǎng)站建設(shè)者所面臨的問題之一就是你通常無法決定div的堆積順序，在極少數(shù)情況下你可以做到這一點(diǎn)，你的辛勤工作每次都會(huì)被取消你做了最小的編輯，你將不得不重新進(jìn)入并破解源代碼。

如果您不控制折疊順序，此圖像會(huì)清楚地解釋可能出現(xiàn)的問題。此外，您應(yīng)該避免在移動(dòng)設(shè)備上進(jìn)行空間參考（例如“在左側(cè)列中”），無論左側(cè)還是右側(cè)的任何內(nèi)容都可以轉(zhuǎn)移到上方或下方，另外如果您讓讀者認(rèn)為它足夠重要，可以滾動(dòng)看，然后他們將不得不再次向后滾動(dòng)。

7.對(duì)于不同的布局，您可能需要不同的字體大小

使用CSS可以輕松控制字體大小，您可以為特定尺寸的顯示設(shè)置不同的字體大小甚至不同的字體（如果它們看起來更好）。您可以使用CSS媒體查詢找到顯示大小，然后將字體大小或字體修改為可顯示內(nèi)容的值，以便大限度地利用您要定位的設(shè)備類型。

響應(yīng)式網(wǎng)站設(shè)計(jì)的概念很簡單，但其非常簡單是導(dǎo)致人們輕易犯錯(cuò)誤的原因。擁有多年經(jīng)驗(yàn)的設(shè)計(jì)師已經(jīng)習(xí)慣于為桌面設(shè)計(jì)，因此他們通常會(huì)根據(jù)桌面布局來規(guī)劃設(shè)計(jì)。

本文名稱：響應(yīng)式設(shè)計(jì)出錯(cuò)如何解決
標(biāo)題來源：http://jinyejixie.com/news/79600.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、ChatGPT、自適應(yīng)網(wǎng)站、網(wǎng)站改版、移動(dòng)網(wǎng)站建設(shè)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)