你说的类似于响应式布局，这个css就能实现，有两种方法1用@media通过判断浏览器的分辨率代码自动能判断来调取不同的css样式这就需要写不同的css，主要是宽度的调整2不用固定的宽度宽度用%而不用固定的。
现在手机浏览器都支持html5，所以插入音频视频的话，可以用html5标签，音频用audio标签，视频用video标签示例代码如下音频 ltaudio src=quotsongoggquot controls=quotcontrolsquotltaudio 视频 ltvideo width=quot320quot height=quot。
PC段跟移动端CSS写法没有区别，就是手机显示的话多使用相对宽度高度，PX单位改成emrem做单位就可以了。
和写pc端的一样写法，只是在前面加上ltmeta语句可以让html适应手机端的。
我们使用手机访问，得到如图所示效果，就不会像直接书写html代码一样文字很小 完整代码 lt！DOCTYPE htmllthtml lthead ltmeta。
2去html5页面制作平台，如vxplowixmakaim都可以做html5的手机页面，不过wix现在没有中文网站vxplo功能很齐全，但同时操作很复杂，一般人不会使用makaim通过模板组合添加图文的方式制作，适合刚入门的童鞋。
