制作網頁最大尺寸和最小尺寸-tft每日頭條

制作網頁最大尺寸和最小尺寸

生活更新时间:2024-12-03 07:13:26

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）1

簡單的說明一下：我們經常看見的網頁都是居中類型的，做起來容易，隻要設置好主内容的寬度然後居中就好。适合門戶網站、平台類網站、内容比較多信息量大的站點。

另外一種是布滿全屏的網頁，又分為自适應和響應式。常見的全屏的後台界面就是自适應的，國外常見這種形式，一般在一些流行的設計産品上多見，科技公司網站和一些高逼格的站點。

設計的時候圖标可以做成字體圖标或者svg矢量格式的，具體要和前端配合完成，一般遵循文字流式，控件彈性，圖片等比縮放這3大适配技巧。

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）2

大家都知道在網頁中栅格化是很常見，也是很保險的一種做法，良好的運用栅格化是網頁設計中的一大利器，但是對于像小編這種對數字不是很敏感的設計師，算間距，算内容大小，簡直要命，每次都要算好多次，這款小工具就完美的解決了算數這一大問題。從此對栅格化間距說so easy！

傳送門地址：http://grid.guide/

頁面簡潔清晰，可以看到的直觀操作就五個，隻要确定好内容總體寬帶，分欄數和顔色，下面就給你分了很多不同的間距的栅格，當然每個栅格都可以下載，拖進ps，拉好參考線即可！

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）3

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）4

laptop 設備名稱	操作系統	尺寸 in	PPI	縱橫比	寬 x 高 dp	寬 x 高 px	密度 dpi
MacBook	OS X	12.0	226	16 : 10	1280 x 800	2304 x 1440	2.0 xhdpi
MacBook Air 11	OS X	11.6	135	16 : 9	1366 x 768	1366 x 768	1.0 mdpi
MacBook Air 13	OS X	13.3	128	16 : 10	1440 x 900	1440 x 900	1.0 mdpi
MacBook Pro 13	OS X	13.3	227	16 : 10	1280 x 800	2560 x 1600	2.0 xhdpi
MacBook Pro 15	OS X	15.4	220	16 : 10	1440 x 900	2880 x 1800	2.0 xhdpi
iMac 21.5	OS X	21.5	102	16 : 9	1920 x 1080	1920 x 1080	1.0 mdpi
iMac 21.5 4K	OS X	21.5	218	16 : 9	1920 x 1080	4096 x 2304	2.0 xhdpi
iMac 27	OS X	27	109	16 : 9	2560 x 1440	2560 x 1440	1.0 mdpi
iMac 27 5K	OS X	27	218	16 : 9	2560 x 1440	5120 x 2880	2.0 xhdpi
Surface Book	Windows	13.5	267	3 : 2	1500 x 1000	3000 x 2000	2.0 xhdpi
Surface Pro	Windows	12.3	267	3 : 2	1368 x 912	2736 x 1824	2.0 xhdpi
Surface Laptop	Windows	13.5	201	3 : 2	1128 x 752	2256 x 1504	2.0 xhdpi
Surface Studio	Windows	28	192	3 : 2	2250 x 1500	4500 x 3000	2.0 xhdpi
Dell XPS 13	Windows	13.3	276	16 : 9	1920 x 1080	3200 x 1800	1.5 hdpi
Dell XPS 15	Windows	15.6	280	16 : 9	1920 x 1080	3840 x 2160	2.0 xhdpi
小米筆記本Air 12.5	Windows	12.5	176	16 : 9	1920 x 1080	1920 x 1080	1.0 mdpi
小米筆記本Air 13.3	Windows	13.3	166	16 : 9	1920 x 1080	1920 x 1080	1.0 mdpi
小米筆記本Pro 15.6	Windows	15.6	166	16 : 9	1920 x 1080	1920 x 1080	1.0 mdpi

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）5

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）6

制作網頁最大尺寸和最小尺寸（最全網頁尺寸規範）7

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活人的意念能起作用嗎
意念（也可以說是心理暗示）有很大的作用。理論上，你可以用意念達到你所關注的目标，吸引你想吸引到的人。意念有效果的原理就是：從你大腦釋放的意念的能量，可以進入到你的目标内部，和目标的能量融合，建立起你和目标的連接，把目标吸引過來。這也就是所謂... 2023-01-21
生活顔值賽高是什麼意思
顔值賽高是什麼意思?顔值賽高，意思就是顔值很高，相貌出類拔萃,沉魚落雁，形容某樣事物最好、太棒了之類的意思，今天小編就來聊一聊關于顔值賽高是什麼意思?接下來我們就一起去研究一下吧!顔值賽高是什麼意思顔值賽高，意思就是顔值很高，相貌出類拔萃,... 2022-06-16
生活飛機一般飛行高度是多少米
飛機一般飛行高度是多少米?中型以上的民航飛機都在高空飛行，此處的高空是指海拔7000——12000米的空間在這個空間以1千米為1個高度層，共分為6個高度層：7千米、8千米、9千米、1萬米、1萬1千米和1萬2千米，現在小編就來說說關于飛機一般... 2022-07-14
生活聖鬥士星矢聖衣加什麼
《聖鬥士星矢OL》裡最為人熟知的莫過于那套能夠抵禦外來侵害的衣甲，這是我們從小就想擁有的一套童年裝備，納悶的是我們想象的聖衣為什麼這麼牛逼，為什麼他們可以區同與冷兵時代鐵甲呢？帶着這個問題，今天《聖鬥士星矢OL》就為你解開這個封存了20多年... 2022-11-13
生活客廳風水10大忌
客廳是家中最大的部分，它的面積也是最大的，還是平時家人休閑娛樂最多的場所。因此，它的風水與整個家居風水是分不開的，那麼，客廳的面積多大才最好呢？客廳的大小跟風水之間存在着怎樣的關系呢？今天，福窩裝修網的小編就來給大家簡單介紹一下。客廳最好設... 2022-11-11
生活松子怎麼發芽快
松子怎麼發芽快?選擇生的成熟的松子，把松子放在清水中浸泡2天，然後準備一個濕紙巾，把松子從清水中撈出，用濕紙巾包裹住，保持紙巾始終潮濕，等松子發芽後就可以進行播種繁殖了，下面我們就來說一說關于松子怎麼發芽快?我們一起去了解并探讨一下這個問題... 2022-06-18
生活充滿哲理的寓言故事及道理
編/國學君圖/網絡百病之鹿有一隻鹿病了躺在草地上。很多野獸前去看望他，把那附近的草都吃光了。鹿病好以後，找不到草，因為缺少食物而餓死了。【感悟】：朋友不必很多，知心就好；牽挂不必很多，動情就好；不想說的太多，隻是讓你知道：認識你真好！友情是... 2022-10-20
生活平闆支撐堅持時間越長鍛煉效果越好嗎
平闆支撐堅持時間越長鍛煉效果越好嗎?其實不是我們進行平闆支撐，其目的是為了刺激身體前側肌群的等長收縮能力，提高身體的核心穩定性反複進行維持10秒的平闆支撐訓練，可以更好地保持身體的穩定性，提高運動能力一般而言，保持子在2分鐘以内為最佳時長，... 2022-06-18
生活養老保險個人怎麼交交多少
養老保險分為城鎮職工養老保險，城鄉居民養老保險兩種類型，各地經濟發展水平不一樣，參保的養老保險類型不一樣，繳費标準也是完全不同的。下面和大家分享相關的知識要點：第一，養老保險的參保對象包括了哪些群體？城鎮職工養老保險的參保對象主要為城鎮職工... 2022-10-27
生活面對疾風吧什麼意思
面對疾風吧什麼意思?面對疾風吧，網絡流行語，來源于《英雄聯盟》遊戲角色疾風劍豪亞索所使用W技能風牆時說的台詞，該詞經網友傳播而流行于網絡，我來為大家科普一下關于面對疾風吧什麼意思?以下内容希望對你有幫助!面對疾風吧什麼意思面對疾風吧，網絡流... 2022-07-08
生活德不孤必有鄰搏不寡必有報
德不孤必有鄰搏不寡必有報?作者：蔡先金、林海濱（分别系山東省人民對外友好協會會長、山東省人民政府外事辦公室秘書處處長），接下來我們就來聊聊關于德不孤必有鄰搏不寡必有報?以下内容大家不妨參考一二希望能幫到您!德不孤必有鄰搏不寡必有報作者：蔡先... 2022-11-04
生活木糖醇是什麼原料做的
木糖醇是什麼原料做的?木糖醇主要由木糖的加氫還原得到木糖醇的甜度與蔗糖相當，但熱量隻有蔗糖的60%是未來的甜味劑，是蔗糖和葡萄糖替代品，下面我們就來說一說關于木糖醇是什麼原料做的?我們一起去了解并探讨一下這個問題吧!木糖醇是什麼原料做的木糖... 2022-08-04
生活公募業績排行
公募業績排行?11月1日晚間，公募基金非貨月均規模排名新鮮出爐，易方達再次以月均超萬億的非貨規模遙遙領先其他同業公司，并在二季度的基礎上規模略有擴張，下面我們就來說一說關于公募業績排行?我們一起去了解并探讨一下這個問題吧!公募業績排行11月... 2023-02-07
生活親子遊小溪谷
相信有不少寶爸寶媽都會對家裡擅長作妖的“熊孩子”頭疼不已傷得了廳堂，下得了廚房壞得了公物，翻得了圍牆既能徒手拆家具也能一秒斷口紅對待熊孩子，最好的辦法就是外出兜風~說到這裡，小編不得不為衆多家長推薦一個家門口的溜娃寶藏地東莞觀音山這裡不僅有... 2022-11-02
生活三泡台怎麼泡
三泡台怎麼泡?材料：雲南春尖茶5g、枸杞3顆、桂圓1顆、紅棗2顆、杏脯1枚、冰糖3g，今天小編就來說說關于三泡台怎麼泡?下面更多詳細答案一起來看看吧!三泡台怎麼泡材料：雲南春尖茶5g、枸杞3顆、桂圓1顆、紅棗2顆、杏脯1枚、冰糖3g。大火燒... 2022-06-05
生活菠蘿怎麼削皮最簡單有效方法
菠蘿是一種味道比較酸，而且肉質細嫩的熱帶水果，它能開胃消食，也能提高腸胃消化功能，而且能減肥瘦身，但菠蘿皮凹凸不平，想吃到裡面的果肉比較費勁，那麼菠蘿怎麼削皮才不浪費呢？一會兒我會把菠蘿去皮的自然段方法寫出來分享給大家。菠蘿怎麼削皮又不浪費... 2022-11-28
生活生蚝肚子裡面黑綠色的能吃嗎
生蚝肚子裡面黑綠色的能吃嗎?根據情況決定生蚝是吃海藻、浮遊植物等素食生長的貝類，其體内黑綠色的部分，是生蚝的内髒和腸腺，其中含有生蚝還未消化掉的食物，這些未被消化的天然海藻對人來說不僅無害，而且食用有益健康，是可以放心吃的但若是生蚝裡面肉質... 2022-06-18
生活各種方法做泡椒鳳爪
大家好，我是第一美食的阿飛，關注阿飛，有更多的家常菜供大家參考。鳳爪就是雞爪子，平時去超市買泡椒鳳爪，一個都要1.5元，價格雖然不貴，但是吃起來就不一定合自己的味口，太部分都太辣，吃一口感着像咬住了嘴，辣的嘴疼，不知道大家有沒有這個感覺。今... 2022-11-11
生活豇豆肉末醬面的做法
豇豆肉末醬面的做法?長豆角、胡蘿蔔、香菇、蔥切丁備用，肉餡取出備用；，我來為大家科普一下關于豇豆肉末醬面的做法?下面希望有你要的答案，我們一起來看看吧!豇豆肉末醬面的做法長豆角、胡蘿蔔、香菇、蔥切丁備用，肉餡取出備用；鍋燒熱倒入油，倒入肉餡... 2022-06-04
生活歐洲旅遊實拍法國巴黎
遊覽巴黎，有一個最重要的地方不能不看。那就是——凱旋門。巴黎凱旋門，即雄獅凱旋門，位于法國巴黎的戴高樂廣場中央，香榭麗舍大街的西端，是拿破侖為紀念1805年打敗俄奧聯軍的勝利，于1806年下令修建“一道偉大的雕塑”，迎接日後凱旋的法軍将士。... 2022-11-07
生活忍冬花語
忍冬花語?忍冬指的就是金銀花它的花語寓意是一心一意喜歡你，可将自己奉獻給你還有有情人終成眷屬的意思，希望相愛的人能長久的在一起，遇到困難一起克服，不要輕言放棄，現在小編就來說說關于忍冬花語?下面内容希望能幫助到你，我們來一起看看吧!忍冬花語... 2022-07-15
生活夢到大火
夢到大火?夢見大火，代表你可能會有疾病，建議你要多注意身體健康，現在小編就來說說關于夢到大火?下面内容希望能幫助到你，我們來一起看看吧!夢到大火夢見大火，代表你可能會有疾病，建議你要多注意身體健康。商人夢見大火，代表你的生意興旺，能找到賺錢... 2022-06-29
生活可以教你怎麼做飯的空氣炸鍋
萬能空氣炸鍋食譜，葷素都能做，不油不胖花樣多，建議收藏1、把蘋果切片，雞翅切花刀2、放1勺蚝油2勺生抽1勺蜂蜜1茶勺鹽5勺可樂和蘋果片，腌制2小時以上3、空氣炸鍋180度烤15分鐘，翻面再烤5分鐘雞翅蘋果！也太好吃了簡直比烤肉店的還好吃！大... 2022-12-04
生活秋季分為哪三部分
秋季分為哪三部分?立秋：進入秋季，意味着降水、濕度等，處于一年中的轉折點，趨于下降或減少；在自然界，萬物開始從繁茂成長趨向蕭索成熟，下面我們就來說一說關于秋季分為哪三部分?我們一起去了解并探讨一下這個問題吧!秋季分為哪三部分立秋：進入秋季，... 2022-06-01
生活冬天窗戶漏風怎麼辦
冬天窗戶漏風怎麼辦?到了冬天的時候，風吹過來，不但漏風，而且玻璃搖搖晃晃的，還會産生噪音，到了晚上的話，還會影響睡眠質量遇到這種情況的話，可以認真的檢查一下窗戶，找到漏風的間隙，用密封條将漏風的間隙填滿，這樣就可以堅決問題了，下面我們就來聊... 2022-06-14
生活微信群聊折疊功能在哪裡
很多老年人來信說啊：上網就怕看不清。現在，微信已經研發出了适合老年人上網的最新模式——關懷模式。在關懷模式下，文字更大，更清晰；色彩更強，更好認；按鈕更大，更易用。隻須把微信更新至iOS8.0.14版本，點擊“我-設置”就能找到“關懷模式”... 2022-12-25
生活最喜歡本兮的人
最最最親愛的本兮，這是我寫給你的第一封也是最後一封信最親愛的本兮：今天下午兩點多拿起手機打開了微博，就看到了你過世的消息，整個人懵逼了一分鐘才反應過來，你是真的離開了我們。工作室說你是因故離世，我沒有接着去看微博，我知道一定又會有很多不好的... 2022-12-18
生活雲南傣族吃活魚
前言說到淡水魚種類之多，不論是以“三花五羅十八子”著稱的黑龍江，還是号稱“千湖之省”的湖北，又或者物産富饒的江南魚米之鄉，在雲南面前都隻能甘拜下風。雲南省擁有以九大高原湖泊為主的衆多河流水系和獨一無二的立體氣候，孕育出極為豐富而又獨具特色的... 2022-12-05
生活哈士奇怎麼訓練
哈士奇怎麼訓練?哈士奇精力旺盛，性格古靈精怪，訓練前最好進食隻給吃七分飽，下面我們就來聊聊關于哈士奇怎麼訓練?接下來我們就一起去了解一下吧!哈士奇怎麼訓練哈士奇精力旺盛，性格古靈精怪，訓練前最好進食隻給吃七分飽。訓練主要以零食或狗糧獎勵為主... 2022-08-10
生活峽谷英雄有哪些
峽谷英雄有哪些?【百發百中】勝利2次：銘文碎片*30(黃忠，狄仁傑，後羿)，接下來我們就來聊聊關于峽谷英雄有哪些?以下内容大家不妨參考一二希望能幫到您!峽谷英雄有哪些【百發百中】勝利2次：銘文碎片*30(黃忠，狄仁傑，後羿)。【铮铮鐵度骨】... 2022-07-14

tft每日頭條

> 生活

> 制作網頁最大尺寸和最小尺寸

制作網頁最大尺寸和最小尺寸

相关生活资讯推荐

热门生活资讯推荐

网友关注