亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端不能放棄1200px的理由

PrototypeZ / 780人閱讀

摘要：開發(fā)過程中，可能會(huì)遇到這種情況電腦屏幕是寸，寸的，但是在瀏覽器中顯示寬度沒有達(dá)到自己屏幕的寬度，導(dǎo)致樣式把控上很不方便。以確保大多數(shù)筆記本的顯示情況是符合我們期望的那樣。前端技術(shù)交流群歡迎加入

開發(fā)過程中，可能會(huì)遇到這種情況：電腦屏幕是13寸，14寸的，但是在瀏覽器中顯示寬度沒有達(dá)到自己屏幕的寬度，導(dǎo)致樣式把控上很不方便。

這種問題多發(fā)現(xiàn)于筆記本電腦上，并不是說臺(tái)式機(jī)上沒有這個(gè)問題，而是臺(tái)式外接的屏幕就當(dāng)今而言不會(huì)特別小，所以不容易發(fā)現(xiàn)而已。

原因：高分辨率導(dǎo)致

在這么多年的電腦使用中，不知道你有沒有發(fā)現(xiàn)，電腦屏幕的分辨率越低，字體與圖標(biāo)越大；而分辨率越高，字體和圖標(biāo)越?。?/p> 低分辨率

高分辨率

現(xiàn)實(shí)情況下，主流的電腦品牌拿出2K屏，乃至4K屏作為銷售賣點(diǎn)，所以會(huì)出現(xiàn)小屏幕配高分辨率的情況。那這樣是不是筆記本用了高分辨率，本來屏幕就不大的情況下，字太小會(huì)導(dǎo)致看不清楚呢？
答案是否定的，你仔細(xì)看你的筆記本，其實(shí)并不會(huì)有字太小看不清楚的情況。因?yàn)楝F(xiàn)在的系統(tǒng)會(huì)根據(jù)配置默認(rèn)把字體放大，以至你看起來并不會(huì)覺得有什么問題，以window10為例：

上圖那個(gè)推薦選項(xiàng)就是系統(tǒng)默認(rèn)的選項(xiàng)，也正是這個(gè)原因?qū)е聻g覽器渲染寬度變小。(你可以嘗試改變選項(xiàng)來看看效果)

總結(jié)
現(xiàn)在的操作系統(tǒng)會(huì)根據(jù)電腦的屏幕大小和分辨率大小來調(diào)整文本及應(yīng)用的大小，以便適配小屏幕上使用高分辨率顯示不清的問題。這也是導(dǎo)致瀏覽器渲染的時(shí)候，渲染的窗體寬度小于實(shí)際電腦屏幕的寬度。
所以我們?cè)诖_定兼容最小寬度的時(shí)候，考慮到系統(tǒng)會(huì)往下縮放，最好堅(jiān)持版心1200px的底線。以確保大多數(shù)筆記本的顯示情況是符合我們期望的那樣。

前端技術(shù)交流群：709397872（歡迎加入）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/115690.html

相關(guān)文章

  • 前端不能放棄1200px的理由

    摘要：開發(fā)過程中，可能會(huì)遇到這種情況電腦屏幕是寸，寸的，但是在瀏覽器中顯示寬度沒有達(dá)到自己屏幕的寬度，導(dǎo)致樣式把控上很不方便。以確保大多數(shù)筆記本的顯示情況是符合我們期望的那樣。前端技術(shù)交流群歡迎加入 開發(fā)過程中，可能會(huì)遇到這種情況：電腦屏幕是13寸，14寸的，但是在瀏覽器中顯示寬度沒有達(dá)到自己屏幕的寬度，導(dǎo)致樣式把控上很不方便。 這種問題多發(fā)現(xiàn)于筆記本電腦上，并不是說臺(tái)式機(jī)上沒有這個(gè)問題，而...

    wanghui 評(píng)論0 收藏0

  • 從項(xiàng)目中學(xué)習(xí)HTML+CSS

    摘要：最近由于工作原因以及自己的懈怠，已經(jīng)很久都沒有更新過博客了。所以這次就根據(jù)具體的一個(gè)網(wǎng)頁(yè)項(xiàng)目來梳理一下我這段時(shí)間學(xué)習(xí)這些東西的成果。最近由于工作原因以及自己的懈怠，已經(jīng)很久都沒有更新過博客了。通過這段時(shí)間，我發(fā)現(xiàn)堅(jiān)持一件事情是真的很難，都說萬(wàn)事開頭難，但是在放棄這件事上好像開頭了后面就順理成章的繼續(xù)下去了。中間即使不怎么情愿也在努力的每周更新博客，但是自從9月份以來，第一次因?yàn)楣ぷ餍枰影喽?..

    Lin_R 評(píng)論0 收藏0

  • 小談網(wǎng)站建設(shè)的兼容性

    摘要：本文的兼容性包含了更多的意思，一些和網(wǎng)站開發(fā)注意的實(shí)際問題。已經(jīng)快出生十年了，它就是為了解決瀏覽器的兼容性而生的，對(duì)于桌面端開發(fā)我們還是建議采用這個(gè)版本。 本文的兼容性包含了更多的意思，一些和網(wǎng)站開發(fā)注意的實(shí)際問題。對(duì)注重seo的網(wǎng)站幫助更多一些。 關(guān)于瀏覽器 現(xiàn)在的前端開發(fā)已經(jīng)開始放棄兼容ie6,ie7,并且也在有條件的放棄ie8。像chrome這樣的現(xiàn)代瀏覽器對(duì)新特性支持度都很棒，...

    soasme 評(píng)論0 收藏0

  • CSS布局

    摘要：圣杯布局圣杯布局和雙飛翼布局都是為了解決兩邊定寬，中間自適應(yīng)的三欄布局，中間欄在最前面優(yōu)先渲染，多見于商城類網(wǎng)站布局。雙飛翼布局不用設(shè)置相對(duì)布局，以及對(duì)應(yīng)的和值。 合理的布局是產(chǎn)品的基礎(chǔ)，可以使人感覺整齊大方，提升用戶體驗(yàn)。掌握幾種常見的布局形式也是前端開發(fā)的基礎(chǔ)，對(duì)于快速實(shí)現(xiàn)頁(yè)面重構(gòu)有很大幫助。 原文鏈接 單列布局 單列布局通常用于網(wǎng)站的首頁(yè)，分為頭部的導(dǎo)航、網(wǎng)頁(yè)內(nèi)容、頁(yè)腳相關(guān)信息。...

    kviccn 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<