成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端不能放棄1200px的理由

PrototypeZ / 710人閱讀

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

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

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

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

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

低分辨率

高分辨率

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

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

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

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

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/115690.html

相關(guān)文章

  • 前端不能放棄1200px理由

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

    wanghui 評論0 收藏0
  • 從項目中學(xué)習(xí)HTML+CSS

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

    Lin_R 評論0 收藏0
  • 小談網(wǎng)站建設(shè)兼容性

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

    soasme 評論0 收藏0
  • CSS布局

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

    kviccn 評論0 收藏0

發(fā)表評論

0條評論

PrototypeZ

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<