如何在移动设备上使这个网站全宽?

时间:2017-12-07 10:46:06

标签: css responsive full-width

在移动设备上,此网站不会拉伸全宽,http://jonothanbosworth.co.uk/但它只是主页。所有其他页面都很好。

请有人帮忙吗

3 个答案:

答案 0 :(得分:0)

将此内容添加到body即可“

body{
   overflow-x: hidden;
}

答案 1 :(得分:0)

“来自Flickr的照片”部分正在引起这种情况。图像越过视口(可能是因为它们是使用表格制作的)。

解决方法是使用mediaqueries在较小的屏幕大小中将overflow-x:scroll添加到类afg-gallery。这样您就可以滚动浏览照片,同时保持视口宽度。

答案 2 :(得分:0)

问题在于div包含class =" slz-list-block slz-column-2"

检查给定的样式。我认为以下风格将解决您的问题

    <?xml version="1.0" encoding="ISO-8859-1"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
  <display-name>Jersey</display-name>

  <servlet>
    <servlet-name>Jersey REST Service</servlet-name>
    <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
    <init-param>
      <param-name>com.sun.jersey.config.property.packages</param-name>
      <param-value>co.twoic.licensing.App</param-value>
        <!--<param-value>co.twoic.licensing.EmbeddedServer</param-value>-->
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>Jersey REST Service</servlet-name>
    <url-pattern>/rest/*</url-pattern>
  </servlet-mapping>

</web-app>