如何让我的HTML页面自动为移动用户调整?

mdi*_*ivk 11 html mobile

是否有一种简单的方法可以为手机用户自动调整HTML页面?我的页面:http://www.xiexianhui.com/baxjoomla15/index0.html显然不适合我的索尼xperia射线手机.

kre*_*ous 19

您首先应该看看响应式Web设计的概念.这太过分了,这个问题太过通用了,无法回答所有问题.但简而言之,它需要3个组件:

  1. 媒体查询,为不同的屏幕尺寸提供不同的CSS样式.
  2. 流体css网格,因此网站的布局会自动适应屏幕的大小.
  3. 灵活的图像,因此所有图像都流畅地缩小,因此它们不会与内容容器重叠.

如果您只是希望在手机屏幕上完整渲染您的网站,则必须使用视口元标记.把它放在<head>你的页面中:

<meta name="viewport" content="width=device-width">
Run Code Online (Sandbox Code Playgroud)

并且您的页面将完全适合屏幕.但是你会注意到现在一切都非常小而且无法使用.响应式网页设计就是解决方案.