如图所示，想写一个适应当前主流手机的网页，界面是这样子的，该怎么实现呢？主要是微博登陆和qq登陆那两个按钮不知道怎么实现。
回复讨论(解决方案)
要是微博登陆和QQ登陆那两个按钮不知道怎么实现。
利用css加a标签，模拟成button就ok了
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Script-Type" content="text/javascript"><meta http-equiv="Content-type" content="text/html;charest=UTF-8"><title></title><style type="text/css">#login{position: relative;}.weibo{margin:0px 30px;}span.aaa{ position: absolute; right:10px; top:50%; width:20px; height:20px; margin-top:-10px;}span.aaa em, span.aaa i{ position: absolute; left: 5px; border-color: rgba(255,255,255,0); border-style: solid; border-width: 10px 0 10px 10px; border-left-color: #aaa;}span.aaa i{ left:0; border-left-color: #FFF;}</style></head><body><div id="login"> <div class = "weibo">微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆</div><span class = "aaa"><em></em><i></i></span></div></body></html> 只写了一个微博登陆的那块，自己改改，应该是可以的。
至于左边的微博的图片，你就在.weibo这个class里面，添加背景就行了，让背景居左。
SuperCms在线订餐系统
下载
模板采用响应式设计，自动适应手机，电脑及平板显示；满足单一店铺外卖需求。功能：1.菜单分类管理2.菜品管理：菜品增加，删除，修改3.订单管理4.友情链接管理5.数据库备份6.文章模块：如：促销活动，帮助中心7.单页模块：如：企业信息，关于我们更强大的功能在开发中……安装方法：上传到网站根目录，运行http://www.***.com/install 自动
你邮箱是多少？我这儿有个例子，给你发过去
你邮箱是多少？我这儿有个例子，给你发过去
crytoll@163.com
