是否有一种简单的方法可以为手机用户自动调整
HTML页面?我的页面:
http://www.xiexianhui.com/baxjoomla15/index0.html显然不适合我的索尼xperia射线手机.
解决方法
你应该首先看一下
Responsive Web Design的概念.这太过分了,这个问题太过通用了,无法回答所有问题.但简而言之,它需要3个组件:
>媒体查询,为不同的屏幕尺寸提供不同的CSS样式.
>流体css网格,因此网站的布局会自动适应屏幕的大小.
>灵活的图像,因此所有图像都流畅地缩小,因此它们不会与内容容器重叠.
如果您只想在手机屏幕上完整渲染您的网站,则必须使用viewport meta tag.将其放在< head>中.您的页面:
<Meta name="viewport" content="width=device-width">