網(wǎng)站時(shí),你需要先對(duì)網(wǎng)頁(yè)設(shè)計(jì)尺寸有所了解。不同瀏覽器、不同終端設(shè)備的流行尺寸也不一樣,就pc端網(wǎng)頁(yè)設(shè)計(jì)尺寸而言,目前比較常見(jiàn)的分辨率是1920*1080,1366*768。
根據(jù)百度流量研究院的數(shù)據(jù)顯示,2019年10月份我國(guó)網(wǎng)民訪問(wèn)PC網(wǎng)頁(yè)的主流設(shè)備分辨率為1920*1080,百分比為42.94%。也就是說(shuō),大部分的屏幕分辨率都已經(jīng)超過(guò)了1366*768,在適配網(wǎng)頁(yè)時(shí)則不需要對(duì)1366寬度以下的尺寸做特殊處理。所以你在設(shè)計(jì)時(shí)采用1920px標(biāo)準(zhǔn)比較好。
手機(jī)端網(wǎng)頁(yè)設(shè)計(jì)尺寸則比較多樣,尺寸繁多,包括IOS和安卓。通常情況下,內(nèi)容區(qū)為750px或960px或者1080px的,一般不小于750px像素大?。▽挾龋?/div>
關(guān)于蘋果,你可以參考這個(gè)移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)尺寸標(biāo)準(zhǔn):
關(guān)于安卓,你可以參考這個(gè)表格:
如果需要兼容不同瀏覽器、不同終端設(shè)備的顯示尺寸,現(xiàn)在比較流行的做法是做成
響應(yīng)式網(wǎng)站,即根據(jù)不同分辨率顯示不同的尺寸,不管你是在使用手機(jī)、iPad,還是電腦,頁(yè)面都能自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等,兼容多個(gè)終端。
由于現(xiàn)在用戶們?cè)L問(wèn)網(wǎng)頁(yè)的設(shè)備五花八門,因此
響應(yīng)式網(wǎng)站已經(jīng)是大趨勢(shì)。不過(guò)如果你自己開(kāi)發(fā),比較困難,還不一定能做好;目前比較流行的方式是直接使用響應(yīng)式自助
建站系統(tǒng),比如「上線了」,直接選個(gè)模板再稍加編輯,就能快速生成一個(gè)
響應(yīng)式網(wǎng)站,自適應(yīng)各終端平臺(tái),比較簡(jiǎn)單。
具體制作方法如下:在「上線了」注冊(cè)好賬戶后選擇“創(chuàng)建網(wǎng)站”,再選擇一個(gè)你喜歡的模板:
(本展示頁(yè)所提供的模板及元素僅供展示功能效果,未經(jīng)授權(quán)不得應(yīng)用于其他用途)
點(diǎn)擊模板進(jìn)入編輯頁(yè)面,在這里你可以【添加新版塊】,添加你需要的功能,包括商店、博客、定價(jià)表、自定義應(yīng)用、產(chǎn)品展示、標(biāo)題、相冊(cè)、留言表單……熱門版塊排列位置靠前,你可以參考下大家常用的版塊,選取自己需要的。
網(wǎng)站的文字、圖片都可以修改替換,版塊有多種布局,不管什么布局,都是可以適應(yīng)不同終端,你可以自由搭配。
在左上角【設(shè)置】里,你可以設(shè)置網(wǎng)站域名、網(wǎng)站標(biāo)題、描述、關(guān)鍵詞等。做好并預(yù)覽無(wú)誤后點(diǎn)擊左下角“上線”即可。
以上就是web網(wǎng)頁(yè)設(shè)計(jì)尺寸規(guī)范的相關(guān)知識(shí)了,如果你覺(jué)得麻煩,那么其實(shí)自助建站是個(gè)很好的選擇。
名稱欄目:合肥網(wǎng)頁(yè)設(shè)計(jì)尺寸科普:做一個(gè)適配各終端的網(wǎng)站
標(biāo)題來(lái)源:http://www.rwnh.cn/news48/158198.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、網(wǎng)站制作、響應(yīng)式網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、定制開(kāi)發(fā)
廣告
聲明:本網(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í)需注明來(lái)源:
創(chuàng)新互聯(lián)