如何在移動設備上可以保持相同的尺寸

我正在使用一個UI，在移動設備上顯示時，它會變得太小而無法正確使用。如何在移動設備上可以保持相同的尺寸

我有像素大小固定的div，如果窗口被調整大小，它會保持大小，但是當我在移動設備上或在實際的移動設備上測試它時，它會縮小。我怎樣才能阻止它的行爲呢？

2017-06-05 Caio Tsubake

那麼如果你的div是固定大小，那麼它不會縮水。一些東西一定是造成它，並沒有看到任何代碼或例子，沒有辦法弄清楚 – Huangism

聽起來像你的頁面被放大了，因爲它不包含在head這行代碼：

<meta name="viewport" content="width=device-width"; initial-scale="1.0" />

來源

2017-06-05 15:34:58 Johannes

這工作！非常感謝。 –

，而不能看到你的代碼很難給你正確的細節。這就是說，有兩個共同的地方開始，它們是：

這個元標記將允許移動瀏覽器呈現在一個虛擬的「窗口」頁面（視口），通常比屏幕寬，所以他們不不需要將每個頁面佈局擠壓到一個小窗口中。
```
<meta name="viewport" content="width=device-width, initial-scale=1"> 
```
CSS media queries會給你靈活地改變你的網頁怎麼會出現在不同的屏幕尺寸。

來源

2017-06-05 15:38:40

在CSS中，將divs最小寬度設置爲所需的寬度以及視口元。像這樣：

<html> 
    <head> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <style> 
      div#mydiv{ 
       min-width: <== put here the width that you want; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="mydiv"></div> 
    </body> 
</html>

來源

2017-06-05 17:18:58

如何在移動設備上可以保持相同的尺寸

回答

相關問題