css調整大小 - 與瀏覽器大小，放大和屏幕大小

Question

我是新來的CSS。

我想知道哪種是最好的標準技術，即使瀏覽器尺寸發生變化，頁面被放大或用於任何其他屏幕尺寸，也能保持頁面完好無損。我已經嘗試使用一個容器來集中我的佈局，但是當頁面放大時它會受到干擾（我知道它會，但是我想要的是，元素不會離開屏幕，並且如果可能的話保持在幾乎相同的位置）。

那麼，什麼是在CSS最好的和易於標準技術來實現

感謝您的幫助。

Answer 1

如果您在任何時候爲瀏覽器重新設定大小，那麼頁面內的任何內容都不會改變。

所以，你要添加的CSS如下：

body { 
    width: 960px; //being the size screen you want to accommodate your site to 
} 

而且這可能會幫助你：Commonly used pixel sizes for webpages and their pros/cons。

Answer 2

最新的尖端方法被稱爲響應式網頁設計。這有點複雜，但它看起來像開發多種屏幕尺寸的方式。這對於小型網站尤其有用。

入住在這裏的一些例子：http://mediaqueri.es/

而一些更深入的信息在這裏：http://www.alistapart.com/articles/responsive-web-design/