css - 浏览器如何自动调整网站大小以移动浏览？

Question

我在不使用移动主题的情况下创建了一个网站。如果我在我的智能手机浏览器中打开我的网站，它会调整我的主题大小。我的意思是，它会自动减小我的移动浏览器的大小。例如...我已经在我的 CSS 代码中提到了我的文本框大小。手机屏幕像素大小与台式机屏幕像素大小不同。

我的问题是，它如何将屏幕分辨率降低到移动视图？请清除我的疑问。

提前致谢。

Answer 1

您的意思是为手持设备调整站点内容的大小吗？如果您有一个流畅的布局（宽度用 % 而不是像素），请使用：

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

进一步阅读：http: //developer.android.com/guide/webapps/targeting.html

Answer 2

Either there might be some media queries defined within your stylesheet like

@media handheld, only screen and (max-width: 1024px) 
{
    //Style goes here
}

Which is a style defined for screens having maximum width of 1024px.

Another possibility is, styles may be defined fully in percentage. So that the styles are changed according to the window size.

Again there might be some scripts used in your code to resize. All depends on the code that you are using. There are variety of methods which fits the view according to the screen size.

Answer 3

如果你想在浏览器中缩放它，请在 css 中告诉它。并使用​​ % 值中的所有宽度

例如：

 @media handheld, only screen and (max-width: 767px) {
 //mobile version css

  }