在html中写手机端网页但在电脑上的浏览器显示并不是手机页面

html-css016

在html中写手机端网页但在电脑上的浏览器显示并不是手机页面,第1张

在html中写手机端网页但在电脑上的浏览器显示并不是手机页面原因是:

1、不是自适应网站,无法自动实现手机端和电脑端的布局自动调整。

2、网站二级目录,只建立了手机端网址二级目录未建立电脑端二级目录。

1、打开百度,在百度上搜索:易企秀,然后点击搜索,在搜索的结果中点击进入易企秀的官方网站。

2、进入后,先登录自己的账号,可以直接用QQ微信登录即可,登录后就可以开始制作自己的手机网页微场景了。

3、首先点击【我的场景】接着点击【制作场景】,接着会进入场景模板选择界面,里面有很多免费的模板。

4、可以在模板中心选择一个自己需要的点击,直接套用模板,也可以选择自己创建一个空白页面。

5、进入后就可以根据自己的需要,将模板里面的文字图片和音乐替换成自己需要的即可,如图所示。

6、还可以给自己的手机网页添加背景音乐,动画效果,跳转链接,特效组件等等。

你说的类似于响应式布局,这个css就能实现,有两种方法:

1、用@media通过判断浏览器的分辨率(代码自动能判断)来调取不同的css样式。这就需要写不同的css,主要是宽度的调整。(http://www.w3cplus.com/content/css3-media-queries)

2、不用固定的宽度。宽度用%。而不用固定的px。