2013-01-24 41 views
-1

我是新來的網頁開發,並希望設計我的第一個網站,以兼容桌面和所有移動設備。我看到另一個網站的源代碼似乎已經做得很好,他們正在使用某種「屏幕webkit」。建築網站與webkit

我在想這是什麼樣的CSS可以在網上找到?有人可以向我解釋他們在圖像中發佈的這些「webkit」是怎麼做的? 有沒有人有關於他們在這裏做什麼的建議?

我想這樣做。

謝謝!

enter image description here

+0

CSS媒體查詢。 – epascarello

+0

@epascarello究竟是那些?它們與普通CSS有什麼不同?謝謝! –

+0

Google是你的朋友! – epascarello

回答

2

Webkit是一個渲染引擎。 Safari,Chrome,Mobile Safari和Android瀏覽器都使用它。

你在那裏有一個帶有媒體查詢的樣式表。樣式表僅適用於任何這些條件爲真的瀏覽器。

+0

所以他們只是在mobile.css中設置自定義的CSS?設備像素比例是多少?將接受,謝謝! –

+0

@AlexG:'mobile.css'中的樣式僅在移動瀏覽器上覆蓋常規樣式。 – Blender