導航:首頁 > 萬維百科 > pc端響應式網站設計

pc端響應式網站設計

發布時間:2020-11-11 13:24:36

1、目前大家做響應式網站,是先設計移動端還是PC端

PC,PC設計好後、手機訪問就是自動適應尺寸的。pageadmin和discuz 的建站系統響應式不錯。

2、在pc端不考慮移動端,前端做響應式布局的時候,需要自適應字體大小嗎

前端開發抄中PC端和移動端網站的區襲別,主要是:
1、PC端在開發過程中考慮的是瀏覽器兼容性,移動端開發中考慮的是手機兼容性問題,做移動端開發,更多考慮的是手機解析度的自適應和不同手機操作系統的略微差異化;

2、在部分事件的處理上,移動端自然是偏向於觸屏的,另外包括移動端彈出的手機鍵盤該如何處理,這樣的問題在PC上肯定不會遇到,但在移動端,如果你沒有經驗,處理起來是相當麻煩的;
3、布局上,移動端開發是要做到頁面布局自適應的,而PC端頁面布局的比例會相對固定;
4、在動畫效果處理上,PC端要考慮IE的兼容性,通常用JS做動畫的通用性會好一些,但相比CSS3卻犧牲了較大的性能,而在手機端,如果要做一些動畫、特效等,第一選擇肯定是CSS3,既簡單,效率又高。

3、網站建設h5響應式建設和網站PC+手機站的區別

全面建設開發網站的話,特別是響應式的網站,技術比較復雜,建站寶盒更輕松實現

4、企業網站做成響應式好還是PC版和手機版分開好

做成響應式的話,企業維護起來相對容易些,但對網站的設計開發者要求較高。因為需要做好兼容性測試確保手機端和電腦端的排版和功能正常。

5、PC+ m或者響應式網站,企業應該如何選擇

根據企業不同的需求來做出適當的選擇,一般情況下都會選擇響應式網站,這樣省時省力省費用。當然了,如果企業需要pc端和移動端呈現不同的宣傳內容效果,那就選擇pc+m的方式來解決

6、2020年主流PC屏幕解析度是哪些?原生css響應式設計方法有哪些?


一般情況下,根據解析度載入pc端 wap端 pad端三個css文件,示例:

<link rel="stylesheet" type="text/css" href="./css/style.css" media="all">
<link rel="stylesheet" href="./css/phone.css" media="(max-width:620px)">
<link rel="stylesheet" href="./css/pad.css" media="screen and (max-width:1024px) and (min-width:621px)">

只有一個css文件情況下,根據解析度調整css樣式,示例:

@media screen and  (max-width:620px){
.logo{width: 300px;margin-left: -140px;}
}
@media screen and  (max-width:1024px) and (min-width:621px) {
.logo{width: 220px;margin-left: -99px;}
.nav li:nth-of-type(2),.nav li:nth-of-type(3){width: 8%;}
.nav li:nth-of-type(5),.nav li:nth-of-type(6){width: 12%;}
}

7、前端開發,我寫網站頁面如果沒有用響應式布局,在我自己的電腦上1920*1080的像素下設計的網站,

主要是css的復 @media 設定,並且把區塊制內容設為float,上網搜尋關鍵字有很多教學,提供一些連結:
http://markxii.com/responsive-design-logo/ 響應式設計
http://www.slideshare.net/ssuserf88631/ss-41814173 簡報

8、響應式網站手機端和電腦段端差在哪

原生APP,各個方面總體都比HTML5上好,畢竟是親生的,而你說的是HTML5響應式的話(並非手機版),那響應式的缺點太明顯了,你可能在PC端上展示了很多東西和多特效,而為了能讓手機自適應,從頭到尾把影響布局的東西都display:none了,雖然都看不到,實際上瀏覽器載入的時候還是把手機上沒必要顯示的東西都載入了一遍,對非WIFI的用戶來說是一個非常糟糕的體驗,出現的結果:網頁載入速度緩慢。所以做大型網站的時候,響應式就只針對屏幕較小的筆記本,如果不考慮成本的話,建議還是將網站做成兩個版本,PC版和手機版,如果只是企業網站或者博客的話,那響應式也就OK了。

9、PC網站改成響應式會難嗎

你要明白響應式是什麼意思。
響應式是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。
所以這是針對移動端的。你PC端弄什麼響應式?

10、用百分比可以實現pc端的響應式布局嗎

百分比肯定是不行的
你要是有css3中有一個多媒體查詢的標簽
你可以使用他來做響應式
如果你是一百分比 那麼你怎麼切換模塊的換行 等等

與pc端響應式網站設計相關的知識