viewport

1/2ページ

iOS轉前端之如何適配不同螢幕尺寸方案

今天抽空再寫一篇~之前已經做了兩個Demo,主要是運用CSS Html完成的,今天還是來完成一個Demo,搭建一個關於寵物的網站。在開始之前我們先介紹一個知識點,關於適配的。 其實對於學習前端來說,H5手機適配也是一個老生常談的問題了,當然網上也有大牛給瞭解決方案,這裡我就結合自己的實際情況分析一下 […]

html5-"head" 標籤裡面應該放什麼

前言 這是我在面試時遇到的一個問題,平時習慣用外掛!加Tab生成html5結構的我,除了說放css和js外竟然想不起來還要放什麼,這個問題看起來很簡單,卻很容易被我們忽略,所以寫篇文章總結一下,head裡面應該要放什麼? 必要的title title是必要的,但是如果沒有加,瀏覽器也會自動幫你加上。 […]

懶人必備的移動端定寬網頁適配方案

本文最初釋出於我的個人部落格:咀嚼之味 如今移動裝置的解析度紛繁複雜。以前僅僅是安卓機擁有各種各樣的適配問題,如今 iPhone 也擁有了三種主流的解析度,而未來的 iPhone 7 可能又會玩出什麼新花樣。如何以不變應萬變,用簡簡單單的幾行程式碼就能支援種類繁多的螢幕解析度呢?今天就給大家介紹一種 […]

viewport 的理解

首先 螢幕是由一個一個顯示單元組成的.1 每一個顯示單元都是物理世界真實存在的;2 把一個顯示單元的大小稱為一個’物理畫素’;3 通常我們所說的 ‘解析度’, 就是指一塊螢幕顯示單元的個數, 比如 750 叉 1334, 表示這塊螢幕由 750叉133 […]

被小看的小巨人 – viewport

viewport淺入 相信所有的 web 開發者都見過亦或用過這個神奇的 meta 標籤頭,亦或在不明白或者半明半蒙的情況下就用上了。 先來解個疑惑 ,上圖 chrome 的手持裝置模擬器相信大家再熟悉不過了,那麼左上角的320*480是神馬 ?應該很多人已經在心裡有了個答案。 在解開這個疑惑之前 […]

關於touch和web端的CSS說明

什麼是Viewport 手機瀏覽器是把頁面放在一個虛擬的“視窗”(viewport)中,通常這個虛擬的“視窗”(viewport)比螢幕寬,這樣就不用把每個網頁擠到很小的視窗中(這樣會破壞沒有針對手機瀏覽器優化的網頁的佈局),使用者可以通過平移和縮放來看網頁的不同部分。移動版的 Safari 瀏覽器 […]